Javascript Webapp-用于多表单的动态Ajax

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

我所追求的是一个简单的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>

$（'#form'）。关于（'submit'，函数（事件）{
event.preventDefault（）；
var wa_username=$（'#wa_username'）.val（）；
var wa_password=$（'#wa_password'）.val（）；
var data='wa_username='+wa_username+'&wa_password='+wa_password；
$.ajax({
键入：“POST”，
url:“/limitless/functions.php”，
数据类型：“json”，
数据：数据，
成功：功能（数据）{
如果（data.status==“1”）
{
document.location.href='/limitless/dashboard'；
} 
如果（data.status==“2”）
{
$（'#info'）.addClass（'alert-alert-danger-no-border'）.html（data.message）；
}                               
}              
})
});

表单上的

.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);
                                }                               
                            }              
            })
}

---

嘿，伙计，我正试图在我的代码中实现这一点。有没有机会向我展示一个表单和上面的代码，就像一个JSFIDLE一样，如果你有时间的话。我基本上只需要看到一个有多个输入字段的表单和ajax脚本。我对ajax是完全陌生的