如何使用Ajax jsonp将数据从一个域传输到另一个域？

Question

EX: My site url "http://localhost:54887/CustomOrdering.html" but I want to get data from another site "http://localhost:27746/Orders.aspx" .For this I wrote in CustomOrdering.html

function SessionLogin() {                    
                $.ajax({
                    type: "GET",
                    dataType: "jsonp",
                    contentType: "application/json",
                    async: false,
                    url: 'http://localhost:27746/Orders.aspx/SessionLogin',                       
                    success: function (msg) {
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        alert(errorThrown);
                    }
                }); 
            }     

In Orders.aspx

 public  void SessionLogin()
    {
        HttpContext.Current.Response.ContentType = "application/json";
        string qs = HttpContext.Current.Request.QueryString["callback"];
        HttpContext.Current.Response.Write(qs+ "( [{ \"x\": 10, \"y\": 15}] )");
    }

I am getting the error jQuery11110002214477863162756_1449484451326 was not called and showing error message in console 'Uncaught SyntaxError: Unexpected token <' and click on it pointing to Orders.aspx design page starting' error image

Answer 1

The other server needs to wrap the return value with your given callback name:

 public  void SessionLogin()
    {
        HttpContext.Current.Response.ContentType = "application/json";
        string qs = HttpContext.Current.Request.QueryString["callback"];
        HttpContext.Current.Response.Write( qs + "( [{ \"x\": 10, \"y\": 15}] )");
    }