xhr对象发送post请求

描述:
post请求和get请求的差异就在于多了一个表单数据,在xhr对象中可以通过FormData进行构建。
语法:
var formData = new FromData();
fromData.append(‘key’,value);//value如果是字符串类型要加引号。
xhr.send(fromData);
说明:
至于formData的创建时机和位置,只要能够在请求发送出去之前也就是xhr.send()语句被写出之前添加给xhr对象,那么把formData放在哪就放在哪。
例子:
var userName = document.querySelector(’.userName’).value;
var password = document.querySelector(’.password’).value;
var fromData = new FormData();
formData.append(‘userName’,userName);
formData.append(‘password’,password);
xhr对象的兼容性问题
描述:
xhr对象的获取方式在IE和非IE下是需要使用不同方法。
语法:
标准浏览器支持的方法为:XMLHttpRequest()
IE浏览器支持的方法为:ActiveXObject()
例子:
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else if(window.ActiveXObject){
xhr = new ActiveXObject();
}

发布了80 篇原创文章 · 获赞 0 · 访问量 3451

猜你喜欢

转载自blog.csdn.net/weixin_43786904/article/details/104005290