English 中文(简体)
如何从ASP.NET AJAX正确地将JSON响应格式化(用于jQuery)?
原标题:
  • 时间:2009-03-11 06:13:24
  •  标签:

各位,我的应用程序在客户端似乎无法正确地进行对象序列化?当我在jQuery中使用带有响应MIME类型为text / json(使用JSON.Net库进行序列化)的getJSON()方法时,它可以正常工作,但是一旦我将它移到ajax()请求(以便可以在页面上发布我的代码)时,它就崩溃了。如有任何想法,将不胜感激。

编辑:我正在使用 2.0 框架,而不是 3.5。

我的 JavaScript 程式碼長這樣:

    function companySearch(txt) 
    {
        $("#<%= divCompanyResult.ClientID %>").hide();
        $("#<%= divCompanyResult.ClientID %>").html("");

        var strCompanySearch = $("#<%= tbCompanySearch.ClientID %>").val();

        $.ajax
        ({
            type: "POST",
            url: "Home.aspx/GetCompanies", 
            contentType: "application/json; charset=utf-8", 
            datatype: "json",
            data: "{name:  " + strCompanySearch + " } ", 
            success: companySearchSuccess,
            error: onError
        });

        return (true);
    }

    function companySearchSuccess(response)
    {
        $.each(response, 
            function(i, company) 
            {
                $("#<%= divCompanyResult.ClientID %>").prepend(company.Name + "<br />");
            });

        $("#<%= divCompanyResult.ClientID %>").slideDown(1000);
    }

我的.ASPX页面(注意:它是一个页面,而不是一个Web服务),看起来像这样:

    [WebMethod]
    public static Company[] GetCompanies(string name)
    {
        Company[] companies = Company.FindCompanies(name);

        return companies;
    }

返回的对象:

[ActiveRecord]
public class Company : ActiveRecordBase<Company>
{
    private int iD;
    private string name;
    private string accountNo;
    private string streetAddr1;
    private string streetAddr2;
    private string streetSuburb;
    private string streetCity;
    private string postAddr1;
    private string postAddr2;
    private string postSuburb;
    private string postState;
    private string postPC;
    private string accountType;
    private string accountSubType;
    private string areaRep;
    private string status;
    private string overview;
    private string bpcsId;
    private string modifiedBy;
    private DateTime modifiedDate;
    private IList<Contact> contacts;

    [PrimaryKey]
    public int ID { get { return this.iD; } set { this.iD = value; } }
    [Property]
    public string Name { get { return this.name; } set { this.name = value; } }
    [Property]
    public string AccountNo { get { return this.accountNo; } set { this.accountNo = value; } }
    [Property]
    public string StreetAddr1 { get { return this.streetAddr1; } set { this.streetAddr1 = value; } }
    [Property]
    public string StreetAddr2 { get { return this.streetAddr2; } set { this.streetAddr2 = value; } }
    [Property]
    public string StreetSuburb { get { return this.streetSuburb; } set { this.streetSuburb = value; } }
    [Property]
    public string StreetState { get { return this.streetCity; } set { this.streetCity = value; } }
    [Property]
    public string StreetPC { get { return this.streetCity; } set { this.streetCity = value; } }
    [Property]
    public string PostAddr1 { get { return this.postAddr1; } set { this.postAddr1 = value; } }
    [Property]
    public string PostAddr2 { get { return this.postAddr2; } set { this.postAddr2 = value; } }
    [Property]
    public string PostSuburb { get { return this.postSuburb; } set { this.postSuburb = value; } }
    [Property]
    public string PostState { get { return this.postState; } set { this.postState = value; } }
    [Property]
    public string PostPC { get { return this.postPC; } set { this.postPC = value; } }
    [Property]
    public string AccountType { get { return this.accountType; } set { this.accountType = value; } }
    [Property]
    public string AccountSubType { get { return this.accountSubType; } set { this.accountSubType = value; } }
    [Property]
    public string AreaRep { get { return this.areaRep; } set { this.areaRep = value; } }
    [Property]
    public string Status { get { return this.status; } set { this.status = value; } }
    [Property]
    public string Overview { get { return this.overview; } set { this.overview = value; } }
    [Property]
    public string BPCSId { get { return this.bpcsId; } set { this.bpcsId = value; } }
    [Property]
    public string ModifiedBy { get { return this.modifiedBy; } set { this.modifiedBy = value; } }
    [Property]
    public DateTime ModifiedDate { get { return this.modifiedDate; } set { this.modifiedDate = value; } }

    // Inverse ensures is read-only ie. Contact controls the relationship
    // Castle will usually infer relationship, but we explicitly set just to be on the safe side
    [HasMany(Inverse=true, Table="Contact", ColumnKey="CompanyId")] 
    [ScriptIgnore]
    public IList<Contact> Contacts { get { return this.contacts; } set { this.contacts = value; } }

    protected Company() { }

    public Company(string Name, string StreetAddr1)
    {
        this.Name = Name;
        this.StreetAddr1 = StreetAddr1;

        ModifiedBy = "Test";
        ModifiedDate = DateTime.Now;
    }

    public static Company[] FindCompanies(string name)
    {
        return FindAll(Expression.InsensitiveLike("Name", "%" + name + "%"));
    } 
}
最佳回答

结果我忽略了我的ajax请求中dataType属性的驼峰式命名。

老的

    $.ajax
    ({
        type: "POST",
        url: "Home.aspx/GetCompanies", 
        contentType: "application/json; charset=utf-8", 
        datatype: "json",
        data: "{name:  " + strCompanySearch + " } ", 
        success: companySearchSuccess,
        error: onError
    });

解决方案

    $.ajax
    ({
        type: "POST",
        url: "Home.aspx/GetCompanies", 
        contentType: "application/json; charset=utf-8", 
        dataType: "json",
        data: "{name:  " + strCompanySearch + " } ", 
        success: companySearchSuccess,
        error: onError
    });

希望这可以帮助别人避免我所遭受的在谷歌、教程和博客中搜索数小时的痛苦……呃!

问题回答

微软的WebMethods将返回的数据编码在一个名为d的对象内。所以,您需要更改您的代码,使其如下所示:

function companySearchSuccess(response)
{
  // Get encoded data
  response = response.d; // you could rename this, or just change the variable reference

}

这是为了防止一种特殊的javascript攻击。您可以在这里这里看到更多细节。





相关问题
热门标签