AJAX中的利用POST传送数据

AJAX中的利用POST传送数据

这里我只写关键语句，其它的就和GET方法一样的，如果不请楚，请看我前面的文章：Ajax的JSP示例以及相关知识介绍，适合于入门者

function doMyPost()
{

//这里一定要加两次编码，具体原因请看：AJAX中利用POST方法向服务提交数据时乱码的解决方案
var title=encodeURI(encodeURI(document.getElementById("title").value));
var content=encodeURI(encodeURI(document.getElementById("content").value));
var url="writeBlg.jsp";
var postDate='title='+title+"&content="+content;
httpRequest=createRequest();
httpRequest.open("POST",url,true);
httpRequest.onreadystatechange=disContent;

//设置发送头部
httpRequest.setRequestHeader("content-length",postDate.length);
httpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
httpRequest.send(postDate);
}
function disContent()
{
if(httpRequest.readystate==4)
{
if(httpRequest.status==200)
{
var response=httpRequest.responseText;
//这里只能够用indexOf方法，因为返还有一大堆HTML代码
//我被这个问题折磨了好几十分钟
if(response.indexOf("operateOK")>0)
{
document.getElementById("addButton").disabled=false;
}
var title=document.getElementById("title").value;
var content=document.getElementById("content").value;
document.getElementById("totalContent").innerHTML+="<br>"+"title:"+title+"<br>"+"content:"+content;
document.getElementById("title").value="";
document.getElementById("content").value="";
}
else
{
alert('Something Wrong has Happend!');
}
}
}