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

时间:2013-10-23 10:44:33

标签: jquery ajax json

我是“jQuery ajax”的新手,我使用ajax将请求发送到服务器。我发送数据,即没有,名称,类,年龄作为正常参数。我的要求是,我想以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。

1 个答案:

答案 0 :(得分:0)

试试这个:

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

}

这会将HTTP发布到您的服务器url,其中一个post字段将被称为“jsonData”,它将包含表单数据的json编码字符串值(您可以将其解码为数组/对象以进行操作/存储)你的服务器。)