首页 > 编程语言 > 详细

Javascript Ajax总结——FormData类型

时间:2019-07-01 20:53:47      阅读:108      评论:0      收藏:0      [点我收藏+]
XMLHttpRequest1级只是把已有的XHR对象的实现细节描述出来。XMLHttpRequest2级进一步发展了XHR。
FormData类型
FormData类型,为序列化表单以及创建以表单格式相同的数据提供了便利。
创建FormData对象,添加一些数据:
var data = new FormData();
// 2个参数:建和值,对应表单字段的名字和字段包含的值
data.append("name", "Anna");
//传输input上传的文件
data.append("myFile", $("#inputFile")[0].files[0]);

向FormData传入表单元素可以预先向其中填入键值对:
var data = new FormData(document.forms[0]);
//传给XHR的send()方法
xhr.open("post", "test.php", true);
xhr.send(data);
使用FormData不必明确地在XHR对象上设置请求头部。XHR对象能够识别传入的数据类型是FormData的实例,然后配置适当的头部信息。

overrideMimeType()方法
Firefox最早引入overrideMimeType()方法,用于重写XHR响应的MIME类型。
返回响应的MIME类型决定了XHR对象如何处理它。
如,服务器返回的MIME类型是text/plain,但数据中实际包含的是XML。根据MIME类型,即使数据是XML,responseXML属性仍然是null。调用overrideMimeType()方法,可以保证把响应当作XML而非纯文本处理。
var xhr = createXHR();
xhr.open("get", "text.php", true);
xhr.overrideMimeType("text/xml");
xhr.send(null);
支持overrideMimeType()方法的浏览器:Firefox、Safari4+、Opera10.5和Chrome。

Javascript Ajax总结——FormData类型

原文:https://www.cnblogs.com/wuxxblog/p/11116605.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!