Как правильно отформатировать ответы JSON (для jQuery) из ASP.NET AJAX?

Question

Ребята, мне кажется, что сериализация объектов не работает правильно на стороне клиента для моего приложения? Когда я использовал метод getJSON () внутри jQuery с типом ответа mime text / json (сериализованный с использованием библиотеки JSON.Net), он работал нормально, но как только я переместил его в запрос 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 (не ее веб-служба) выглядит следующим образом:

    [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 + "%"));
    } 
}

Answer 1

Оказывается, я пропустил верблюжий корпус для свойства dataType в моем запросе ajax

Старый:

    $.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
    });

Надеюсь, что это поможет другим избежать долгих часов поиска в Google, учебниках и блогах, которые я перенес ...

Answer 2

Microsoft WebMethods кодирует возвращаемые данные внутри объекта с именем 'd'. Итак, вам нужно изменить код, чтобы он выглядел так:

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

}

Это сделано, чтобы предотвратить особый вид эксплойта JavaScript. Вы можете увидеть более подробную информацию здесь и здесь .