jsonp

最新推荐文章于 2025-07-31 16:47:18 发布

原创最新推荐文章于 2025-07-31 16:47:18 发布 · 520 阅读

0 ·

CC 4.0 BY-SA版权

ASP.NET 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了如何利用jQuery库和JSONP技术进行AJAX请求，并展示了如何将返回的数据结构化并整合到网页中，具体包括数据获取、数据解析以及数据展示的全流程。

前台：

$("#getJsonpByJquery").click(function () {
    $.ajax({
        url: 'http://localhost:2701/home/somejsonp',
        dataType: "jsonp",
        jsonp: "callback",//jsonp默认回调参数为callback

        success: function (data) {
            console.log(data)
        }
    })
})

$.get('http://localhost:2701/home/somejsonp', { act: "searchType", "str": str }, function (data) {
                if (data && data.PTSchema) {
                    if (data.PTSchema.length > 0) {
                        html.push('<ul>');
                        $.each(data.PTSchema, function (i, item) {
                            html.push("<li data-ptid='" + item.Id + "'>");
                            html.push("<a onclick='PTFullNameOnClick(\"" + item.Id + "\",\"" + item.FulllName + "\",\"\")'>");
                            html.push(item.FulllName);
                            html.push("</a>");
                            html.push("<\/li>");
                        });
                       
                    } 
                }},"jsonp")//jsonp默认回调参数为callback

后台：

  public override void ProcessRequest(HttpContext context)
        {
          context.Response.Write(searchType(dict["str"], dict["callback"]));
        }

 private string searchType(string s, string callback)
        {
            string str = callback + "()";
            s = HttpUtility.UrlDecode(s);
            if (ptModels.Count > 0)
            {
                return callback + "(" + Json.ToJson<PTSchema>(ptModels) + ")";
            }
            else
            {
                return str;
            }
        }