jQuery ajax - serialize() 方法

html代碼段：

<form>
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div><input type="text" name="b" value="2" id="b" /></div>
  <div><input type="hidden" name="c" value="3" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g" />
  </div>
</form>

提交方法：

一、直接submit提交，沒必要說

二、ajax提交：

$.ajax(function(){
    url:'/index/index?_t=' + Math.random(),
    type:'post',
    dataType:'json',
    data:{
        a:$("input[name='a']").val,
        b:$("input[name='b']").val,
        c:$("input[name='c']").val,
        d:$("input[name='d']").val,
        e:$("input[name='e']").val,
        f:$("input[name='f']").val,
        
            },
    success:function(data){
    
    },
    error:function(){
    
    }
});

三、使用jQuery ajax - serialize() 方法

 $.ajax(function(){

    url:'/index/index?_t=' + Math.random(),

    type:'post',

    dataType:'json',

    data:$("form").serialize(),
    success:function(data){

    

    },

    error:function(){

    

    }

});

能夠看到，使用jQuery處理form表單的值要方便得多。