实现表单的提交通过jquery的ajax

表单

<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>

  <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对象

-----------------------------------------------------------------------------------------------------------------------------

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

<form>

    ...

    <input type="submit" id="submit" value="提交">

</form>

 

// jquery代码

$(function() {

    $('#submit').click(function() {

        $.ajax({

            url: '',

            method: 'post',

            data: {},

            success: function(msg) {

            }

        });

         

        // 别忘记了这句

        return false;

    });

});