使用jQuery的getJson跨域解决方案

出于对安全问题的考虑，Ajax应用中，浏览器默认是不支持跨域调用的。不过很幸运，从jQuery 1.2以后，就开始支持JSONP的调用，使ajax跨域获取数据变得更加容易。­

这是昨晚加班的时候遇到一个问题，服务器A（域名aa.domian.com）上放置了所有游戏广告页和引导页，一般这样的页面是不需要连接数据库的，因此该服务器上并未配置数据库连接的环境。不过我的工作是在这里创建一个页面并且要显示游戏官方网站（处于域gg.domain.com）上的一些数据,仅仅是请求一个不长的字符串而已，我想到用ajax来解决，很快我就遇到了IE浏览器提示的javascript错误“没有权限”（oh！进行了跨域请求）。后来我使用jquery很快地把这跨域的数据追捕到了，听起来有点像是在为jq做广告。­

使用示例：­

    var url = “http://www.###.com/test.php?name=a”;­

    jQuery.getJSON(url +”&jsoncallback=?”, function(data){­

        alert(”return msg:” + data.msg);­

    });­

 

在服务端程序：­

    $visitor = $_GET['name'];­

    $callback = $_GET['jsoncallback'];­

    $msg = ‘hello ‘ . $_GET['name'] . ‘, this is server B!’;­

    //服务端返回­

    $json_data = ‘{”msg”:”‘ . $msg . ‘”}”;­

    echo $callback . ‘(’ . $json_data . ‘)’;­

这样，在客户端得到的返回程序可能是：­

    JQUET0988788({”msg”:”hello a, this is server B!”})­

总之，我们要做的是两件事：­

    1. 在请求地址里加上参数 jsoncallback=?­

    2. 在服务端程序里把jsoncallback的值和数据一起返回，形如 $callback . ‘(’ . $json_data . ‘)’­

至此，问题解决了。­

­

 

asp.net 示例：

客户端：

 function submitData() {

      //encodeURIComponent:防止中文乱码
        var getUsername =encodeURIComponent((jQuery("#txtUserName").val()));
        var getUserPassword = jQuery("#txtPwd").val();
        var getCode= jQuery("#txtCode").val();
        if (getUsername.replace(//s/ig, "").length < 2) { alert("用户名为空或填写有误"); return false; }
        if (getUserPassword.replace(//s/ig, "").length < 2) { alert("密码为空或填写有误"); return false; }

var url=getid+"&txtUserName="+getUsername+"&txtPwd="+getUserPassword+"&txtCode="+getCode+"&jsoncallback=?";
        if (getCode.replace(//s/ig, "").length != 4 || isNaN(getCode)) { alert("请检查验证码填写是否有误");  }
        jQuery.getJSON("http://www.chinayq.com/download/File_Jquery.aspx?PageFlag=3&id=" + url,
        function(data) {
            if (data.err == "0") { alert(data.errmsg); return false; }
            if (data.err == "1") { alert("登陆成功"); jQuery("#dizhi").html(data.errmsg); jQuery(".hezc").hide(); }
        }); return false;
    }

 

服务端：

 

  /// <summary>
        /// 验证登陆用户

      ///  HttpUtility.HtmlDecode 用于编译客户端js中文编译成的代码
        /// </summary>
        protected void ValitionUser()
        {
            string errmsg = "true";
            string callBack=Request.Params["jsoncallback"];
            string PageFlag = WebUtility.Comm.GetString("PageFlag");
            if (PageFlag == "3")
            {
                string code =WebUtility.Comm.NoHTML(WebUtility.Comm.GetString("txtCode"));
                string uname =HttpUtility.HtmlDecode(WebUtility.Comm.NoHTML(WebUtility.Comm.GetString("txtUserName", 20)));
                string pwd = WebUtility.Comm.GetString("txtPwd", 20);
                if (!string.IsNullOrEmpty(uname) && !string.IsNullOrEmpty(pwd))
                {
                    DataTable dt = new BLL.News.User().GetList("UserName='" + uname + "'").Tables[0];
                    if (dt.Rows.Count > 0)
                    {
                        DataRow[] dr = dt.Select("PassWord='" + System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(pwd, "md5") + "'");
                        if (dr.Length > 0)
                        {
                            int Id = int.Parse(dr[0]["Id"].ToString());
                            //记录cookies
                            new BLL.News.User().WriteCookies(Id);

                            //更新信息
                            new BLL.News.User().UpdateState(Id, "LastTime", "'" + DateTime.Now + "'");
                            new BLL.News.User().UpdateState(Id, "LogCount", "LogCount+1");
                        }
                        else
                        {
                            errmsg = "{/"errmsg/":/"用户名或密码不正确/",/"err/":/"0/"}";
                        }
                    }
                    else
                    {
                        errmsg = "{/"errmsg/":/"用户名或密码不正确/",/"err/":/"0/"}";
                    }
                }
                else
                { errmsg = "{/"errmsg/":/"用户名或密码不能为空/",/"err/":/"0/"}"; }
                Response.ContentType = "application/json";
                if (errmsg == "true" && ModuleID!=0) {

                    读取数据库语句：省略
                    if (dsaddress.Tables[0].Rows.Count > 0)
                    {
                        for (int i = 0; i < dsaddress.Tables[0].Rows.Count; i++)
                            xiaZaiDiZhi += "<a href='" + dsaddress.Tables[0].Rows[i][1].ToString() + "' target='_blank'>" + dsaddress.Tables[0].Rows[i][0].ToString() + "</a>";
                    }
                    Response.Write(callBack+"({/"errmsg/":/"" + xiaZaiDiZhi + "/",/"err/":/"1/"})"); Response.End();
                }
                else { Response.Write(callBack + "("+errmsg+")"); Response.End(); }
               
            }
               

 

asp.net  : 示例地址：http://down.chinayq.com/West/100921-1760.html