jquery跨域Ajax请求

关键：ajax的dataType为jsonp，并且在请求的url中加上"?jsoncallback=?"

前台代码：

Html代码

1. <scripttype="text/javascript"src="jquery-1.7.2.min.js"></script>
2. <scripttype="text/javascript">
3. functionRegisterRequest2(){
4. /*getJSONmethodisokalso...
5. $.getJSON("http://192.168.1.154:7087/ClusterServer/Rigister?jsoncallback=?",{pwd:'123',username:'tl'},function(json){alert(json.name);});　
6. */
8. $.ajax({
9. url:"http://192.168.1.154:7087/ClusterServer/Rigister?jsoncallback=?",
10. type:"GET",
11. data:{pwd:'123',username:'tl'},
12. dataType:"jsonp",
13. success:function(data){
14. alert(data.name);
15. },
16. error:function(a,b,c){
17. alert("error=="+b);
18. }
20. });
21. }
22. </script>
23. <inputtype="button"onclick="RegisterRequest2();"value="StartRequest"/>

后台Servlet代码：

Java代码

1. importjava.io.IOException;
3. importjavax.servlet.ServletException;
4. importjavax.servlet.http.HttpServlet;
5. importjavax.servlet.http.HttpServletRequest;
6. importjavax.servlet.http.HttpServletResponse;
8. publicclassRigisterextendsHttpServlet{
10. @Override
11. protectedvoiddoGet(HttpServletRequestreq,HttpServletResponseresp)
12. throwsServletException,IOException{
13. Stringpwd=req.getParameter("pwd");
14. Stringusername=req.getParameter("username");
15. System.out.println("get=="+username+"==="+pwd);
17. Stringcallback=req.getParameter("jsoncallback");
18. resp.getWriter().write(callback+"({name:'tzy',phone:'123'})");//参数为json格式
19. }
21. @Override
22. protectedvoiddoPost(HttpServletRequestreq,HttpServletResponseresp)
23. throwsServletException,IOException{
24. Stringpwd=req.getParameter("pwd");
25. Stringusername=req.getParameter("username");
26. System.out.println("post=="+username+"==="+pwd);
28. Stringcallback=req.getParameter("jsoncallback");
29. resp.getWriter().write(callback+"({name:'tzy',phone:'123'})");
30. }
32. }

后台返回前台的时候取出jsoncallback回调函数名，将json格式的数据作为函数的参数，整个以字符串的形式返回给前台。。