jquery - 使用 json 数据向服务器发送 ajax 调用

Question

我是“jQuery ajax”的新手，我正在使用 ajax 将请求发送到服务器。我正在发送数据，即 no、name、class、age 作为正常参数。我的要求是，我想以 JSON 格式发送数据。我的代码是，

function fun1() {

    $.ajaxSetup({
        jsonp: null,
        jsonpCallback: null
    });

    $.ajax({
        type: 'POST',
        url: 'register.action',
        dataType: 'json',
        data: {
            no: document.getElementById("id1").value,
            name: document.getElementById("id2").value,
            clas: document.getElementById("id3").value,
            age: document.getElementById("id4").value    
        },    
        success: function (data) {    
            printStudentDetails(data);    
        },
        error: function () {
            alert("failure");
        }
    });

}

我的服务器端资源是java。

Answer 1

尝试这个：

$.ajaxSetup({
    jsonp: null,
    jsonpCallback: null
});

function fun1(){

    $.ajax({
        type: 'POST',
        url: 'register.action',
        dataType: 'json',
        data: {
            jsonData: JSON.stringify({
                no: $('#id1').val(),
                name: $('#id2').val(),
                clas: $('#id3').val(),
                age: $('#id4').val()
            }) 
        },    
        success: function (data) {    
            printStudentDetails(data);    
        },
        error: function () {
            alert("failure");
        }
    });

}

这将向您的服务器 url 发送一个 HTTP 帖子，其中一个帖子字段将被称为“jsonData”，它将包含您的表单数据的 json 编码字符串值（您可以将其解码为数组/对象以便在您的服务器中进行操作/存储） .