怎么样实现表单的提交通过jquery的ajax

2026年09月25日 01:19

有3个网友回答

网友（1）：

比如你有一个像这样的表单


  
    
    
  
  
    Multiple
    
    Multiple3
  

   check1
   check2
   radio1
   radio2

那么用jQuery来做Ajax提交就这样

$(function() {
    $('#submit').click(function() {
        $.ajax({
            url: '你的提交url地址',
            type: 'post',
            dataType:'json'
            data: $("#formTest").serializeArray(),
            success: function(msg) {
            }
        });
    });
});

其中的serializeArray方法会自动将表单转换为json对象

网友（2）：

// 比如你有如下的html结构

    ...
    


// jquery代码
$(function() {
    $('#submit').click(function() {
        $.ajax({
            url: '',
            method: 'post',
            data: {},
            success: function(msg) {
            }
        });
        
        // 别忘记了这句
        return false;
    });
});

网友（3）：

表单：

Jquery代码：
var myForm = $('#test).submit(function() {
$.ajax({
url: '提交的URL',
type: 'post',//提交的方式
dataType:'json'
data: myForm.serializeArray(),
success: function(msg) {
//这是成功返回的数据，写自己的逻辑
}
});
});