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串