AJAX中的利用POST传送数据

最新推荐文章于 2022-12-08 11:43:45 发布

最新推荐文章于 2022-12-08 11:43:45 发布 · 306 阅读

文章标签：

#Ajax #JSP #HTML

本文介绍如何使用POST方法解决AJAX中提交数据时出现的乱码问题，并通过具体示例展示了如何编码和设置请求头来确保数据正确传递。

这里我只写关键语句，其它的就和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!');
  }
 }
}