Question

我正在构建一个webapp来跟踪一些客户的详细信息和其他各种信息

im chasing是一个简单的ajax函数，我可以在同一页面中多次重复使用各种形式将数据发送到另一个页面，如新的客户表单，并说新的表单或者我需要创建不同的ajax函数每个

我有来自我的登录页面的这个演示代码，但是对于特定的表单，我希望它能够只给出一个表单名称的变量并将该表单中的所有字段提交到另一个页面这是可能的

<script type='text/javascript'>
    $('#form').on('submit',function(event){
        event.preventDefault();

        var wa_username = $('#wa_username').val();
        var wa_password = $('#wa_password').val();
        var datas='wa_username='+wa_username+'&wa_password='+wa_password;     
        $.ajax({
                type: 'POST',
                url: '/limitless/functions.php',
                dataType: 'json',
               data: datas,
                           success: function(data) {
                               if(data.status == '1')
                                {
                                    document.location.href = '/limitless/dashboard';
                                } 
                               if(data.status == '2')
                                {
                                    $('#info').addClass('alert alert-danger no-border').html(data.message);
                                }                               
                            }              
            })
    });
</script>

Answer 1

表单上的.serialize()方法使用标准的URL编码表示法创建文本字符串。

 $(this).serialize() //this produces wa_username=test&wa_password=123

你可以像下面那样拆分它，或者不是创建数据而只是调用上面的行

$('#form').on('submit',function(event){
        event.preventDefault();         
        postForm($(this).serialize());
});

function postForm(formData){
  $.ajax({
                type: 'POST',
                url: '/limitless/functions.php',
                dataType: 'json',
               data: formData,
                           success: function(data) {
                               if(data.status == '1')
                                {
                                    document.location.href = '/limitless/dashboard';
                                } 
                               if(data.status == '2')
                                {
                                    $('#info').addClass('alert alert-danger no-border').html(data.message);
                                }                               
                            }              
            })
}

Webapp - 多种形式的动态Ajax

1 个答案: