使用jQuery调用Page方法-Backbone.Js现在

Question

使用下面的javascript代码，我正在尝试一些BackboneJs概念。 无法弄清楚为什么调用XHR请求后的响应是全页面的HTML而不是Person class的序列化版本。 下面看一下服务器端代码的C#和ASP.NET 2.0

注意：忘记了模型上的url和urlroot ，我正在使用urlroot Sync

Java脚本

window.Person = Backbone.Model.extend({
    defaults: {
        id: Math.random(),
        name: "Type your name"
    },
    initialize: function (model) {
        this.bind("change", this.ModelChanged);
    },
    ModelChanged: function () {

    },
    url: "CreatePerson",
    urlRoot: "/index.aspx/"
});

Backbone.sync = function (met, mod, op) {
    switch (met) {
        case "create":
            break;
        case "update":
            break;
        case "delete":
            break;
        case "read":
            break;
        default:
            break;

    }
};

服务器端代码

    [WebMethod(EnableSession = true)]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public static Person CreatePerson(Person newPerson)
    {
        List<Person> peopleList = HttpContext.Current.Session["People"] as List<Person>;
        if (peopleList == null)
        {
            peopleList = new List<Person>();
        }
        Person p1 = new Person();
        p1 = newPerson;
        peopleList.Add(p1);
        HttpContext.Current.Session["People"] = peopleList;
        return p1;
    }

人类

public class Person
{

    public string Id
    {
        get;
        set;
    }

    public string Name
    {
        get;
        set;
    }


}

最后的测试代码

var x = new Person({
    name: "StackOverflow"
});
$.post("index.aspx/CreatePerson", "{" + JSON.stringify(x) + "}", function () {
    console.log(arguments)
});

Answer 1

尝试设置contentType

$.ajaxSetup({
contentType: "application/json; charset=utf-8"
});

之后，您的要求

var x = new Person({
    name: "StackOverflow"
});
$.post("index.aspx/CreatePerson", "{" + JSON.stringify(x) + "}", function () {
    console.log(arguments)
});

Answer 2

我不明白为什么，但是jQuery使我遵循了这个怪异的过程来完成这项工作。

它将有效的json序列化为URL编码格式，而不是错误的json字符串。

$.ajaxSetup({
    contentType: "application/json; charset=utf-8"
});

Backbone.sync = function (met, mod, op) {
    console.log("method", met, "model", mod);
    switch (met) {
        case "create":
            $.post("index.aspx/CreatePerson", { "newPerson": mod.attributes }, function () { console.log(arguments) }, "json");
            break;
        case "update":
            var x = { "newPerson": mod.attributes };                
            x = JSON.stringify(x);                
            $.post("index.aspx/CreatePerson", x, function () { console.log(arguments) });
            break;
        case "delete":
            break;
        case "read":
            break;
        default:
            break;
    }
};