单击“提交”时,JSON对象应出现在div中

时间:2012-09-14 11:52:44

标签: jquery html json jquery-ui

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

请帮忙!!谢谢Tina !!

1 个答案:

答案 0 :(得分:1)

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

  2. 您没有尝试使用通话结果:您只是添加了一个div,其元素数量与$("#addable").val()中的元素数量相同。目前尚不清楚你想要达到的目标。