当前位置:编程学习 > JAVA >>

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串

 

作者 小老鼠(Alex)

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,