AJAX中的利用POST传送数据

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

中文问题解决如下:

1、在客户使用encodeURL将数据包装两次,如下
 ...
 var content=encodeURI(encodeURI(document.getElementById("").value));
 ...

 这里一定要包装两次,当调用request.getParameter()函数时,会自动进行一次URI的解码过程,调用时内置的解码过程会导致乱码出现。而URI编码两次后,request.getParameter()函数得到的是原信息URI编码一次的内容。再用可控的解码函数java.net.URLDecoder.decode()就可解出原始的正确的信息。
2、在服务端导入包java.net.URLDecoder.decode():此时使用:
  ...
 String content=decode(request.getParameter("content","UTF-8"))
 ...
 这样就可以正常显示了。 

你可能感兴趣的:(AJAX中的利用POST传送数据)