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

发布网友发布时间：2022-04-29 04:28

共3个回答

热心网友时间：2022-04-23 02:08

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

<form id="formTest">
  <select name="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select name="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select><br/>
  <input type="checkbox" name="check" value="check1"/> check1
  <input type="checkbox" name="check" value="check2" checked="checked"/> check2
  <input type="radio" name="radio" value="radio1" checked="checked"/> radio1
  <input type="radio" name="radio" value="radio2"/> radio2
</form>
<input type="button" id="submit" value="提交">

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

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

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

热心网友时间：2022-04-23 03:26

// 比如你有如下的html结构
<form>
    ...
    <input type="submit" id="submit" value="提交">
</form>

// jquery代码
$(function() {
    $('#submit').click(function() {
        $.ajax({
            url: '',
            method: 'post',
            data: {},
            success: function(msg) {
            }
        });

        // 别忘记了这句
        return false;
    });
});

热心网友时间：2022-04-23 05:01

表单：
<form id='test' >
<input type='submit' value='提交'>
</form>

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