Ajax 学习心得

1.post方式  
在jsp端，客户端需编码数据,data : encodeURI(spost),  
var spost="commentContent="+commentContent+"&contentId="+contentId;  
spost =  encodeURI(spost);

  
在action端  
用psot方法取值,客户端需编码，服务器端需解码  
String ii = request.getParameter("commentContent");  
ii = java.net.URLDecoder.decode(ii,"utf-8");  
 
2.get方式  
jsp端,type:'GET',不需要处理

  
action端  
String commentContent = new String((request.getParameter("commentContent")).getBytes("ISO-8859-1"),"UT简单的记录一下

 

 

    /*
      var newmessage = "message=" + message.value;
      xmlHttp.open("POST","insertblog.do",true);
      xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
      xmlHttp.send(newmessage);
      */

  xmlHttp.onreadystatechange = function ()
   {
     if(xmlHttp.readyState == 4 && xmlHttp.responseText > 0)
     {
       var newdiv = document.createElement("div");
       var divshow = document.getElementById("showmessage");
       var did = "mdiv"+xmlHttp.responseText;
       newdiv.setAttribute("id",did);
       //newdiv.setAttribute('class','t');
       newdiv.className = 't';
      
       newdiv.innerHTML = message.value + "<br/><hr class='hr' />" +"<a href='javascript:mdelete(" + xmlHttp.responseText + ")'>删除</a>";
       divshow.appendChild(newdiv);
       message.value = "";
      
     }
   }

 function mdelete(messageId)
    {
      xmlHttp =  getXMLHttpRequest();     
      xmlHttp.open("GET","deleteblog.do?id="+messageId,true);
      xmlHttp.send(null); 
     
      xmlHttp.onreadystatechange = function ()
   {
    
     if(xmlHttp.readyState == 4 && xmlHttp.responseText == "yes")
     {
         var divid = "mdiv" + messageId;
         var mdiv = document.getElementById(divid);
         mdiv.parentNode.removeChild(mdiv);
            
     }
   }
   
    }

[{ "id": 94, "content": "Hello Java" },{ "id": 88, "content": "Hello Ajax" }]
下面我们讨论如何在服务器端输出 JSON 格式的数据。以 Java 为例，我们将演示将一个 Java 对象编码为 JSON 格式的文本。

将 String 对象编码为 JSON 格式时，只需处理好特殊字符即可。另外，必须用 (") 而非 (') 表示字符串：