javascript - jQuery 不发布数据

Question

我在尝试使用 jQuery/AJAX 正确发布数据时遇到问题

我有以下内容...

<script type="text/javascript">
    function notifyPPAComplete() {
        $.ajax(
        {
        type: "POST",
        url: "PsychometricTest.aspx/UpdateDB",
        data: {'3'},
        dataType: json,
        success: success,
        contentType: application/json
        });
    }          
    $.post('PsychometricTest.aspx/UpdateDB', function(data) {
        alert ('success');
    });
</script>

我似乎也没有在发帖后收到警报，有人能看到明显的问题吗？

Answer 1

data: {'3'}

这是一个无效的 JavaScript 文字。您可以尝试这样:

data: JSON.stringify({ model: { foo: '3' } })

请注意 JSON.stringify 方法的用法，该方法将 javascript 文字序列化为 JSON 字符串。它原生内置于现代浏览器中。如果您需要支持旧版浏览器，您可以包含 json2.js脚本。

此外，contentType: application/json 是非常无效的 JavaScript。应该是:

contentType: 'application/json'

另外:dataType: json 无效。应为dataType: 'json'。

所以在一天结束时:

<script type="text/javascript">
    function notifyPPAComplete() {
        $.ajax({
            type: "POST",
            url: "PsychometricTest.aspx/UpdateDB",
            data: JSON.stringify({ model: { foo: '3' } }),
            dataType: 'json',
            success: function(result) {

            },
            contentType: 'application/json'
        });
    }          
</script>

将成功发布到:

[WebMethod]
public static void UpdateDB(MyModel model)
{
    ...    
}

其中我的模型:

public class MyModel
{
    public string Foo { get; set; }
}