讲解对jsonp简单的一个使用方法

现在jsonp很流行看见很多人都写得很复杂,现在给一个简单的调用
   
    首先写一个服务端,创建TestHandler.ashx

    [csharp]
   
    public void Proce***equest(HttpContext context)
   
    {
   
    context.Response.ContentType = "application/x-javascript";
   
    string callback = context.Request.QueryString["callback"].Trim();
   
    string name = context.Request.QueryString["name"].Trim();
   
    string str = callback + "([{\"SuitName\":\"" + name + "\"}]);";
   
    context.Response.Write(str);
   
    }
   
    htm的代码:
   
    [html]
   
    <div>
   
    <input type="button" id="btn1" value="Test Handler" />
   
    <div id="msg" style="background-color: Red; width: 100px; height: 50px">
   
    </div>
   
    <script type="text/javascript">
   
    function displayResult(data) {
   
    $("#msg")。text(data[0].SuitName);
   
    }
   
    $(function () {
   
    $("#btn1")。click(function () {
   
    var url = "TestHandler.ashx?name=majiang&callback=displayResult"
   
    url = "http://starajax.vancl.com/GetSuitsWithLikesBySuitIds?suitIds=9396493&callback=displayResult"
   
    $.getScript(url);
   
    });
   
    });
   
    </script>
   
    </div>
   
   这样及可以了希望上面这点可以对你们有所帮助。

创新互联-专业网站定制、快速模板网站建设、高性价比福州网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式福州网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖福州地区。费用合理售后完善,十载实体公司更值得信赖。

当前题目:讲解对jsonp简单的一个使用方法
分享URL:https://www.cdcxhl.com/article12/igecdc.html

成都网站建设公司_创新互联,为您提供自适应网站用户体验品牌网站建设小程序开发云服务器App设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站建设