jQuery的Ajax跨域请求

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

前台代码：

HTML

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

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script type="text/javascript">
    function RegisterRequest2() {
        /* getJSON method is ok also... 
        $.getJSON("http://192.168.1.154:7087/ClusterServer/Rigister?jsoncallback=?", { pwd: '123', username: 'tl' }, function(json) { alert(json.name); });　
        */
         
        $.ajax({
            url: "http://192.168.1.154:7087/ClusterServer/Rigister?jsoncallback=?",
            type: "GET",
            data: { pwd: '123', username: 'tl' },
            dataType: "jsonp",
            success: function(data) {
                alert(data.name);
            },
            error: function(a, b, c) {
                alert("error==" + b);
            }

        }); 
    }  
</script>
<input type="button" οnclick="RegisterRequest2();"  value="StartRequest" />

JAVA

1. import java.io.IOException; 
2.  
3. import javax.servlet.ServletException; 
4. import javax.servlet.http.HttpServlet; 
5. import javax.servlet.http.HttpServletRequest; 
6. import javax.servlet.http.HttpServletResponse; 
7.  
8. public class Rigisterextends HttpServlet { 
9.  
10.     @Override 
11.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) 
12.             throws ServletException, IOException {  
13.         String pwd = req.getParameter("pwd"); 
14.         String username =req.getParameter("username"); 
15.         System.out.println("get=="+username+"  ==="+pwd); 
16.           
17.         String callback = req.getParameter("jsoncallback");  
18.         resp.getWriter().write(callback + "({name:'tzy',phone:'123'})");//参数为json格式 
19.     } 
20.  
21.     @Override 
22.     protected void doPost(HttpServletRequest req, HttpServletResponse resp) 
23.             throws ServletException, IOException {  
24.         String pwd = req.getParameter("pwd"); 
25.         String username =req.getParameter("username"); 
26.         System.out.println("post=="+username+"  ==="+pwd); 
27.           
28.         String callback = req.getParameter("jsoncallback");  
29.         resp.getWriter().write(callback + "({name:'tzy',phone:'123'})");  
30.     } 
31.  
32. } 

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class Rigister extends HttpServlet {

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException { 
		String pwd = req.getParameter("pwd");
		String username =req.getParameter("username");
		System.out.println("get=="+username+"  ==="+pwd);
		 
		String callback = req.getParameter("jsoncallback"); 
		resp.getWriter().write(callback + "({name:'tzy',phone:'123'})"); //参数为json格式
	}

	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException { 
		String pwd = req.getParameter("pwd");
		String username =req.getParameter("username");
		System.out.println("post=="+username+"  ==="+pwd);
		 
		String callback = req.getParameter("jsoncallback"); 
		resp.getWriter().write(callback + "({name:'tzy',phone:'123'})"); 
	}

}

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