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!');
  }
 }
}