Jquery 单击submit时，JSON对象应显示在div中

我正在处理wijmo（wijgrid）…我想在提交时显示我的JSON对象将进入div中

我已经尝试过这段代码，但它只适用于单个输入，但我希望表单的每个输入值都应该出现在div中

这是我的密码：

$(function() {
    $("#addable").submit(function() {
        if(!$("#addable").validate().form()){ 
            e.preventDefault(); 
        } else{
            $.ajax({
                type : "POST",
                url : "addUser",
                data : JSON.stringify($('#addable').serializeObject()),
                dataType : "json",
                contentType : "application/json",
            });
        }

        $('#myoutput').append('<div>Number of elements :'+$("#addable").val()+'</div>');
        return false;
    });
});

$（函数（）{
$（“#可添加”）.submit（函数（）{
如果（！$（“#可添加”）.validate（）.form（）{
e、 预防默认值（）；
}否则{
$.ajax({
类型：“POST”，
url:“addUser”，
数据：JSON.stringify（$（'#addable'）.serializeObject（）），
数据类型：“json”，
contentType:“应用程序/json”，
});
}
$（'#myoutput'）.append（'元素数：'+$（“#addable”）.val（）+''；
返回false；
});
});

HTML:

<div id="myoutput"></div>

请帮忙！！谢谢蒂娜

您有一个同步性问题：当您执行append时，您还没有ajax查询的结果。您必须定义一个

success

回调，以便在ajax调用成功时执行它

您并没有试图使用调用的结果：您只是添加了一个div，其中的元素数与

$（“#addable”）.val（）中的元素数相同。不清楚你想要实现什么

---

我建议您将数据作为javascript对象传递，而不要在将其交给ajax（）时手动对其进行字符串化。阅读jQuery文档，我不完全清楚这是否真的有效，但我知道如果不严格化对象，它是有效的。