ajax简单使用-Post方式

前面简单记录了 get方式使用ajax，这里再记录一下post方式，大多数与get方式相同，这里只记录一下主要部分：

var　XMLHttpReq　=　false;

function　createXMLHttpRequest(){
　　　　 if(window.XMLHttpRequest){
　　　　　　　XMLHttpReq　=　new　XMLHttpRequest();
　　　　 }else　if(window.ActiveXObject){
　　　　　　　XMLHttpReq　=　new　ActiveXObject("Mircsoft.XMLHTTP");
　　　　 }else {
alert("未能创建XMLHttpRequest对象");
return false;
}
}

function　sendRequestPost(url,param){
　　　　 createXMLHttpRequest();
　　　 　XMLHttpReq.open("POST",url,false);
XMLHttpReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
　　　　 XMLHttpReq.onreadystatechange　=　processResponse;
　　　　 XMLHttpReq.send(param);
}

function　processResponse(){
var obj = document.getElementById("res");

if(XMLHttpReq.readyState　==　4){
//  obj.innerHTML ="开始筛数据，请稍候....";
　　　　　　　 if(XMLHttpReq.status　==　200){
obj.innerHTML = XMLHttpReq.responseText;
runningFlag=false;
　　　　　　　 }
else{
obj.innerHTML ="";
runningFlag=false;
　　　　　　　　     window.alert("你请求的页面有异常,XMLHttpReq.status:"+XMLHttpReq.status+" ,txt="+XMLHttpReq.responseText);
　　　　　　　 }
　　　 }

}

关于param参数，和get方式差不多，“key1=value&key2=value2”的样式，但这样存在一个问题，一个个拼接起来非常麻烦，而且容易出错。但如果使用js的Array来使用拼接这些key、value就很方便了。简单demo如下：

function getForm(){
var aParams = new Array();

if(document.form1.filter_email.checked==true){
aParams.push("filter_email=yes");
aParams.push("bind_email_select="+getSelect(document.form1.bind_email_select));
}

if(document.form1.filter_sms.checked==true){
aParams.push("filter_sms=yes");
aParams.push("baoyue_select="+getSelect(document.form1.baoyue_select));
}

if(document.form1.filter_preference.checked==true){

aParams.push("filter_preference=yes");

for(var i=0;i<document.form1.preferences.length;i++){
if(document.form1.preferences[i].selected==true){
aParams.push("preferences="+document.form1.preferences[i].value);
}
}
}

return aParams.join("&");
}

从上述demo中，可以看出，使用方法很简单，先往array中push key、value，最后返回的时候，用join方法，这样就将各组key、value用&符号连接起来了。使出错的几率大大减小。另外，对于select下拉框，多选时，可用 key、value向array中push多组key相同，但value不同的值。在后台获取值的方式用：

request.getParameter("filter_email");

String [] preferences=request.getParameterValues("preferences");

跟平时获取参数值的方法一样。

--- 调用ajax请求的方法：

sendRequestPost("selectByFilter.do",getForm());