天天看点

JQuery Ajax跨域访问方式

 JQuery其中可以跨域访问的AJAX方法

getJSON、get

请先看具体使用样例

Ajax URL路径:http://www.A.com/Api.aspx

服务端接口文件Api.Aspx.cs

 -----------------------------------------------------------------------------------------------------------------------------

protected void Page_Load(object sender, EventArgs e)
        {
            string jsoncallback = Request.QueryString["jsoncallback"];   

            Response.ContentEncoding = Encoding.UTF8;
            Response.ContentType = "application/json";
            Response.Write(jsoncallback + "({\"UserID\":\"123456789\",\"UserName\":\"admin\"})");/
            Response.End();
        }
           

客户端调用页面

<script type="text/javascript">
        function Test() {
            var AjaxUrl = "http://www.A.com/Api.aspx?ID=23&Name=test&jsoncallback=?";
            $.getJSON(AjaxUrl, function (Json) { alert(Json.UserID); alert(Json.UserName); });
           
        }
           
</script>
           

--------------------------------------------------------------------------------------------

解释说明:

客户端调用页面

1、jsoncallback=?为必须参数,其它参数可以正常URL传参方式使用。例如 ?ID=23&Name=test&

2、使用JQuery的getJSON、get方法可实现跨域

服务端接口页面

1、string jsoncallback = Request.QueryString["jsoncallback"]; 这个为必须获取的参数

2、输出是必须jsoncallback +输出JSON串