POST请求工具函数

首先铺垫一下，这里写的是原生的javascript的Ajax请求，我们平时提交表单数据到服务器又两种提交格式
一种是标准的标准的表单编码，使用等号把编码后的名字和值分开，并使用“&”符号分开名/值对；
就像这样

find="pizza"&zipcode=02134&radius="1KM"

第二种方式以对象的方式提交数据，那么上面的数据就可以写成下面这样

{find:"pizza",zipcode:02134,radius:"1KM"}

那么我们这里就写一个工具函数来实现非表单数据的表单编码并以POST方式提交数据，我们是以第一种标准的表单数据格式

/*编码对象的属性为标准的表格提交数据格式*/function encodeFormData(data){    if(!data) return "";    var pairs = [];    for(var name in data){        if(!data.hasOwnProperty(name)) continue;//跳过继承属性        if(typeof data[name] === "function") continue;//跳过方法        var value = data[name].toString();//把值转为字符串        name = encodeURIComponent(name.replace("%20","+"));//编码名字        value = encodeURIComponent(value.replace("%20","+"));//编码值        pairs.push(name+"="+value);//记住名=值对    }    return pairs.join("&");//返会使用“&”链接的名/值对}

使用上面的encodeFormData( )函数，我们就可以写一个POST提及的工具函数了

function postData(url,data,callback){    var request = new XMLHttpRequest();    request.open("POST",url);    request.onreadystatechange = function(){        if(request.readyState=4 && request.status=200)        callback(request);    }    request.setRequestHeader("Content-type",        "application/x-www-form-urlencoded");//表单提交必须这样设置请求头    request.send(encodeFormData(data));}

一个简单的工具函数就这样了，如果请求的url有加密，则把open那里改为

request.open("POST",url,true,username,password);//第三个参数——true表示异步请求，false表示同步请求，同步请求则省略状态//监听，并且会产生阻塞//第四个参数是url的用户名//第五个参数是url的密码