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的密码