jsonp跨域请求C# webform页面的数据代码,Js代码库,德仔网

代码语言

代码分类

【Js】 jsonp跨域请求C# webform页面的数据

作者:天星 / 发布于2016/10/11/ 650

背景：因项目需求，需要请求客户另外一个系统的数据，已经发布在外网，使用.net webform开发
做法：1、新建一个aspx页面，返回json数据   2、jsonp请求、并处理返回数据
1、aspx页面代码如下：
    protected void Page_Load(object sender, EventArgs e)
    {
string txtNumber = Request.QueryString["number"];
        string callback = Request.QueryString["callback"];
        if (!string.IsNullOrEmpty(txtNumber) && !string.IsNullOrEmpty(callback))
        {
            string data =  "{\"title\": \"Recent Uploads tagged cat\",\"number\": \"" + txtNumber + "\",\"link\": \"http://www.sina.com.cn\",\"items\": [{\"title\": \"Russell 003\",\"color\": \"red\"},{\"title\": \"Cat [07.04.11]\",\"color\": \"yellow\"}]}";
            string result = string.Format("{0}({1})", callback, data);
            Response.Expires = -1;
            Response.Clear();
            Response.ContentEncoding = Encoding.UTF8;
            Response.ContentType = "application/json";
            Response.Write(result);
            Response.Flush();
            Response.End();
        }
    }

2、jsonp请求代码如下：
   function search(){
      var inputNumber = document.getElementById("inputNumber").value;
      if(inputNumber != ""){
           var url = "http://域名或IP/xj_result.aspx?callback=GetDataCallBack&number="+inputNumber;
           $.getScript(url);
        }
    }
    function GetDataCallBack(data){
       if(data){
            $("#title").text(data.title);
            $("#link").text(data.link);
        }
    }

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　webform　

同语言下

可能有用的

天星贡献的其它代码(31)