ajax 和 axios获取文件流

ajax

$.ajax({
   type: 'get',
    responseType: 'blob',
    xhrFields: {
        withCredentials: true // 这里设置了withCredentials
    },
    url: `${api_url}/base/downloadsExcelDown?tenderId=` + this.tenderingValue,
    success: function (res) {
        let link = document.createElement("a");
        link.href = window.URL.createObjectURL(new Blob([res]))
        link.target = "_blank"
        link.download = "专家列表.xls"
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)
    },
    error: function (err) {
        console.log(err)
    }
})

axios 参考

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. 异步请求 异步请求是指应用程序在向服务器请求数据的同时,不会暂停应用程序的执行。相反,它会继续执行其它任务。这样,用户可以继续与应用程序交互,而不必等待请求完成。 2. XMLHttpRequest (XHR) XHR 是一种 API,可用于通过 JavaScript 进行 HTTP 请求和响应。XHR 支持异步请求和传输数据的各种方法,可以通过它来读取远程文件或提交到服务器上的表单数据,从而更新网页内容,而不必重新加载整个页面。 3. AJAX AJAX 是一种使用 XHR 实现的术语,指异步 JavaScript 和 XML。它可以在不刷新整个页面的情况下,通过与服务器交互来更新部分页面内容。AJAX 可以用于创建动态和交互性更强的网站。 4. Axios Axios 是一个基于 Promise 的 HTTP 加载库,用于浏览器和 Node.js。它支持异步操作,并可以在浏览器和服务器间发送 HTTP 请求和接收响应。Axios 还支持请求和响应拦截,以及用于处理错误的插件。 5. Fetch Fetch 是一种现代的接口,用于从服务器获取资源。它使用 Promise,提供了更简洁的 API 和更可靠的错误处理。Fetch API 在原生 JavaScript 中可用,并且不需要像 XHR 一样进行实例化。Fetch API 可以在浏览器和服务器上使用。 综上所述,XHR 和 AJAX 是比较基础的异步请求方式,而 Axios 和 Fetch 更加优秀和高效。Axios 可以说是在 XHR 之上的一种封装,提供了更加简洁和易用的 API。而 Fetch 则是一种更加现代的方式,比较适合在原生 JavaScript 中使用。不同的异步请求方式,在不同的场景和需求下,有着各自的优缺点。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值