本文将为您提供关于通过jQueryAJAX使用POST数据下载PHP文件的详细介绍，同时，我们还将为您提供关于JavaScript/jQuery通过JSON数据通过POST下载文件、JavaScrip
本文将为您提供关于通过jQuery AJAX使用POST数据下载PHP文件的详细介绍，同时，我们还将为您提供关于JavaScript / jQuery通过JSON数据通过POST下载文件、JavaScript / jQuery通过POST使用JSON数据下载文件、JavaScript jQuery AJAX POST数据错误、jQuery / Ajax表单提交不会转发POST数据的实用信息。
本文目录一览：- 通过jQuery AJAX使用POST数据下载PHP文件
- JavaScript / jQuery通过JSON数据通过POST下载文件
- JavaScript / jQuery通过POST使用JSON数据下载文件
- JavaScript jQuery AJAX POST数据错误
- jQuery / Ajax表单提交不会转发POST数据
通过jQuery AJAX使用POST数据下载PHP文件
所以我知道有很多类似的帖子，但是我认为这足以满足自己的疑问：
我正在用PHP和jQuery构建XLS导出器。我正在尝试使用jQuery发布一个数组（我相信它与GET查询字符串一样长），并用它在我的服务器上生成XLS文件，然后用户可以下载该文件。
过去，我使用隐藏的iframe来完成此操作，但是由于它们只是重定向到url，因此这要求我使用GET，这使我感到紧张。
我的问题是：如果这些文件是动态生成的（可能由多个用户使用），如何将这些文件存储在服务器上并链接到它们？隐藏的iframe会链接到一个单独的PHP脚本，该脚本基于会话ID或类似的内容定位其文件吗？
在此先感谢您就我确定一直在问的任何指导:)
答案1
小编典典可以过帐到隐藏的iframe。因此，您不必担心查询字符串的长度。您将发布键/值对，这将生成XLS文件，随后将文件强制下载到浏览器。
<form method="post" action="/download/xls" target="download_xls"> <fieldset> <label>Key 1:</label> <input type="text" name="key_1" /> </fieldset> <fieldset> <label>Key 2:</label> <input type="text" name="key_2" /> </fieldset> <fieldset> <input type="submit" value="Submit" /> </fieldset> </form><iframe id="download_xls" name="download_xls" width="0" height="0" scrolling="no" frameborder="0"></iframe>更新 Google的快速搜索打开了这篇文章：http : //particletree.com/notebook/ajax-file-download-or-
not/
基本上，建议是将您的表单发布到当前页面，然后下载文件。这种选择对您可能已经足够了。
JavaScript / jQuery通过JSON数据通过POST下载文件
如何解决JavaScript / jQuery通过JSON数据通过POST下载文件？
letronje的解决方案仅适用于非常简单的页面。document.body.innerHTML +=接受正文的HTML文本，附加iframe HTML，然后将页面的innerHTML设置为该字符串。这将抹除您的页面具有的所有事件绑定。创建一个元素并appendChild改为使用。
$.post(''/create_binary_file.PHP'', postData, function(retData) {
var iframe = document.createElement("iframe");
iframe.setAttribute("src", retData.url);
iframe.setAttribute("style", "display: none");
document.body.appendChild(iframe);
});
或使用jQuery
$.post(''/create_binary_file.PHP'', postData, function(retData) {
$("body").append("<iframe src=''" + retData.url+ "''display: none;'' ></iframe>");
});
这实际上是做什么的：使用变量postData中的数据执行到/create_binary_file.PHP的发布；如果该帖子成功完成，则在页面正文中添加一个新的iframe。假设来自/create_binary_file.PHP的响应将包含值’url’，这是可从中下载生成的PDF / XLS / etc文件的URL。假定Web服务器具有适当的mime类型配置，则将iframe添加到引用该URL的页面将导致浏览器提示用户下载文件。
解决方法
我有一个基于jquery的单页webapp。它通过AJAX调用与RESTful Web服务进行通信。
我正在尝试完成以下任务：
- 将包含JSON数据的POST提交到REST URL。
- 如果请求指定JSON响应，则返回JSON。
- 如果请求指定PDF / XLS / etc响应，则返回可下载的二进制文件。
我现在有1＆2，并且客户端jquery应用通过基于JSON数据创建DOM元素在网页上显示返回的数据。从Web服务的角度来看，我也有＃3的工作，这意味着如果给出正确的JSON参数，它将创建并返回一个二进制文件。但是我不确定在客户端JavaScript代码中处理＃3的最佳方法。
是否可以从像这样的ajax调用取回可下载文件？如何让浏览器下载并保存文件？
$.ajax({
type: "POST",url: "/services/test",contentType: "application/json",data: JSON.stringify({category: 42,sort: 3,type: "pdf"}),dataType: "json",success: function(json,status){
if (status != "success") {
log("Error loading data");
return;
}
log("Data loaded!");
},error: function(result,status,err) {
log("Error loading data");
return;
}
});
服务器使用以下标头进行响应：
Content-Disposition:attachment; filename=export-1282022272283.pdf
Content-Length:5120
Content-Type:application/pdf
Server:Jetty(6.1.11)
另一个想法是生成PDF并将其存储在服务器上，并返回包含文件URL的JSON。然后，在ajax成功处理程序中发出另一个调用，以执行以下操作：
success: function(json,status) {
window.location.href = json.url;
}
但这意味着我需要对服务器进行多个调用，并且服务器需要构建可下载文件，将它们存储在某个地方，然后定期清理该存储区域。
必须有一种更简单的方法来完成此任务。有想法吗？
编辑：审查了$ .ajax的文档后，我看到响应数据类型只能是之一xml,html,script,json,jsonp,text，因此我猜测没有办法直接使用ajax请求下载文件，除非我在使用中嵌入了二进制文件@VinayC答案中建议的数据URI方案（我不想这样做）。
所以我想我的选择是：
-
不使用ajax，而是提交表单发布，并将我的JSON数据嵌入到表单值中。可能需要弄乱隐藏的iframe等。
-
不使用ajax，而是将我的JSON数据转换为查询字符串以构建标准的GET请求，并将window.location.href设置为此URL。可能需要在我的点击处理程序中使用event.preventDefault（），以防止浏览器从应用程序URL更改。
-
使用我上面的其他想法，但通过@naikus答案的建议进行了增强。提交带有一些参数的AJAX请求，该参数使Web服务知道通过ajax调用正在调用该参数。如果从ajax调用中调用了Web服务，则只需将带有URL的JSON返回到生成的资源即可。如果直接调用资源，则返回实际的二进制文件。
我思考得越多，我越喜欢最后一个选择。这样，我可以获取有关请求的信息（生成时间，文件大小，错误消息等），并且可以在开始下载之前对这些信息进行操作。缺点是服务器上的额外文件管理。
还有其他方法可以做到这一点吗？我应该知道这些方法的利弊吗？
JavaScript / jQuery通过POST使用JSON数据下载文件
我有一个基于jquery的单页webapp.它通过AJAX调用与RESTful Web服务进行通信.
我正在努力完成以下任务：
>将包含JSON数据的POST提交到REST URL.
>如果请求指定了JSON响应,则返回JSON.
>如果请求指定了PDF / XLS / etc响应,则返回可下载的二进制文件.
我有1& 2现在正在工作,客户端jquery app通过基于JSON数据创建DOM元素来显示网页中返回的数据.从Web服务的角度来看,我也有#3工作,这意味着如果给出正确的JSON参数,它将创建并返回二进制文件.但我不确定在客户端javascript代码中处理#3的最佳方法.
是否有可能从这样的ajax调用中获取可下载的文件？如何让浏览器下载并保存文件？
$.ajax({
type: "POST",
url: "/services/test",
contentType: "application/json",
data: JSON.stringify({category: 42, sort: 3, type: "pdf"}),
dataType: "json",
success: function(json, status){
if (status != "success") {
log("Error loading data");
return;
}
log("Data loaded!");
},
error: function(result, status, err) {
log("Error loading data");
return;
}
});
服务器响应以下标头：
Content-disposition:attachment; filename=export-1282022272283.pdf
Content-Length:5120
Content-Type:application/pdf
Server:Jetty(6.1.11)
另一个想法是生成PDF并将其存储在服务器上并返回包含该文件的URL的JSON.然后,在ajax成功处理程序中发出另一个调用,执行以下操作：
success: function(json,status) {
window.location.href = json.url;
}
但这样做意味着我需要对服务器进行多次调用,而我的服务器需要构建可下载的文件,将它们存储在某处,然后定期清理该存储区域.
必须有一种更简单的方法来实现这一目标.想法？
编辑：在查看$.ajax的文档后,我看到响应dataType只能是xml,html,script,json,jsonp,text之一,所以我猜测没有办法直接下载文件使用ajax请求,除非我按照@VinayC答案中的建议使用数据URI方案嵌入二进制文件(这不是我想做的事情).
所以我想我的选择是：
>不使用ajax而是提交表单帖子并将我的JSON数据嵌入到表单值中.可能需要搞乱隐藏的iframe等.
>不使用ajax而是将我的JSON数据转换为查询字符串以构建标准GET请求并将window.location.href设置为此URL.可能需要在我的单击处理程序中使用event.preventDefault()以防止浏览器从应用程序URL更改.
>使用我上面的其他想法,但通过@naikus答案的建议增强.使用一些参数提交AJAX请求,该参数允许Web服务知道通过ajax调用调用它.如果从ajax调用调用Web服务,只需返回带有URL的JSON到生成的资源.如果直接调用资源,则返回实际的二进制文件.
我想的越多,我越喜欢最后一个选项.通过这种方式,我可以获得有关请求的信息(生成时间,文件大小,错误消息等),我可以在开始下载之前对该信息采取行动.缺点是服务器上的额外文件管理.
还有其他方法吗？我应该注意这些方法的任何利弊？
解决方法:
letronje的解决方案仅适用于非常简单的页面. document.body.innerHTML =获取正文的HTML文本,附加iframe HTML,并将页面的innerHTML设置为该字符串.这将消除您的页面具有的任何事件绑定,以及其他内容.创建一个元素并改为使用appendChild.
$.post('/create_binary_file.PHP', postData, function(retData) {
var iframe = document.createElement("iframe");
iframe.setAttribute("src", retData.url);
iframe.setAttribute("style", "display: none");
document.body.appendChild(iframe);
});
或者使用jQuery
$.post('/create_binary_file.PHP', postData, function(retData) {
$("body").append("<iframe src='" + retData.url+ "'></iframe>");
});
这实际上是做什么的：用变量postData中的数据对/create_binary_file.PHP执行一个帖子;如果该帖子成功完成,请将新的iframe添加到页面正文中.假设来自/create_binary_file.PHP的响应将包含值’url’,这是可以从中下载生成的PDF / XLS / etc文件的URL.假设Web服务器具有适当的mime类型配置,将iframe添加到引用该URL的页面将导致浏览器促使用户下载该文件.
JavaScript jQuery AJAX POST数据错误
我正在尝试发送一个帖子参数. request.PHP,但它返回post param.是空的.
总结
以上是小编为你收集整理的JavaScript jQuery AJAX POST数据错误全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
ajax
jQuery / Ajax表单提交不会转发POST数据
onsubmit =“ ajaxCall（）”
您是在单独调用ajaxCall()，因此this是默认对象（浏览器中的window）。
然后：
$(this).serialize()
您正在尝试序列化window而不是序列号。
您需要通过表格。
请勿使用on...属性。他们有很多问题。
改为使用JavaScript绑定事件处理程序。
jQuery("form").on("submit",ajaxCall);
这将通过表格传递this的值。
我们今天的关于通过jQuery AJAX使用POST数据下载PHP文件的分享就到这里，谢谢您的阅读，如果想了解更多关于JavaScript / jQuery通过JSON数据通过POST下载文件、JavaScript / jQuery通过POST使用JSON数据下载文件、JavaScript jQuery AJAX POST数据错误、jQuery / Ajax表单提交不会转发POST数据的相关信息，可以在本站进行搜索。
本文标签：
