jquery - 单击提交时，JSON 对象应出现在 div 中

Question

我正在研究 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;
    });
});

HTML：

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

请帮忙！！谢谢蒂娜！！

Answer 1

1. 你有一个同步问题：当你执行追加时，你还没有 ajax 查询的结果。您必须定义一个success回调以在 ajax 调用成功时执行它。

2. 您并没有尝试使用调用的结果：您只是添加了一个 div，其中的元素数量与$("#addable").val(). 目前尚不清楚您想要实现什么。