JQuery序列化ajax加载表单

时间:2017-03-19 15:53:45

标签: javascript jquery ajax

serialize()函数返回一个空字符串,这是我的代码:

返回表单的代码:

overflow-y:auto;

用户点击付款按钮后执行的Javascript代码:

    $.ajax({ 
            url: 'api/form',
            type: 'get',
            crossDomain: true,
        }).done(function(response){
            fields = JSON.parse(response);
            html = '';
            $.each(fields, function(index,field){
                html += field;
            });

            html += '<div class="btn-clear"></div><button class="btn payment">Pay</button></div>';
            $("#cart-content").html(html);
        }).fail(function() {
            console.log('Failed');
        });

但是它记录了一个空字符串!!

加载ajax后的表单:

$("body").on('click','.payment',function() {
    var frmData = $("#customer").serialize();
    console.log(frmData); 
});

1 个答案:

答案 0 :(得分:-1)

尝试像这样的序列化

$("#form").submit(function () {
    var data = $('#form').serialize();

使用表单ID作为目标。我在这里用#form。提交表单,序列化表单输入。