ajax保存表单数据格式化,封装ajax,发送post请求,FormData参数格式与jq的区别

我自己封装了下ajax,但是发送post请求时,与jq发送post请求不一样。

这个是用jq发的请求:

bVDHpe?w=408&h=50

这个是自己封装的:

bVDHpk?w=366&h=109

我想知道是因为什么原因导致的?怎么设置成和jq一样?

下面是代码:

function ajax(options){

var xmlhttp,data;

if(window.XMLHttpRequest){

xmlhttp = new XMLHttpRequest();

}else{

xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');

}

var method = (options.method || 'GET').toUpperCase(),

url = options.url,

async = options.async || 'false';

var onReady = function(callback){

xmlhttp.onreadystatechange = function(){

if(xmlhttp.readyState === 4 && xmlhttp.status === 200){

callback(JSON.parse(xmlhttp.responseText));

}

}

}

if(method === 'GET'){

url += '?';

for (var index in options.data) {

if (options.data.hasOwnProperty(index)) {

url += index + '=' + encodeURI(encodeURI(options.data[index])) + '&';

}

}

url = url.slice(0,-1);

xmlhttp.open(method,url,async);

onReady(options.callback);

xmlhttp.send();

}else{

data = new FormData();

for (var index in options.data) {

if (options.data.hasOwnProperty(index)) {

data.append(index,encodeURI(encodeURI(options.data[index])));

}

}

xmlhttp.open(method,url,async);

xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded;charset=utf-8');

onReady(options.callback);

xmlhttp.send(data);

}

}

这是我自己封装请求头:

bVDHwh?w=453&h=140

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值