jquery跨域Ajax请求

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

前台代码:

<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" />

 

后台Servlet代码:

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格式的数据作为函数的参数,整个以字符串的形式返回给前台。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值