jQuery-Ajax-2

http://blog.youkuaiyun.com/github_34514750/article/details/51295728

1.序列化元素

1.serialize()
前边讲解$.get()和$.post()在表单元素少时还可以，详见
http://blog.youkuaiyun.com/github_34514750/article/details/51295728
但是当表单元素复杂时，工作量会大且表单缺少弹性，引入serialize()方法

$("#send").click(function(){
        $.get("get1.php",{
            username: $("#username").val(),
            content: $("#content").val()
        },function(data,textStatus){
            $("#resText").html(data);
        });
    });

可以改为

$("#send").click(function() {
        $.get("get1.php",$("#form1".serialize(),function(data,textStatus){
            $("resText").html(data);
        });
    });

2.serializeArray()
该方法不是返回字符串，而是将DOM元素序列化后，返回JSON格式的数据。

var fields = $(":checkbox,:radio").serializeArray();
concole.log(fields);

3.$.param()
是serialize()的核心方法，序列化一个 key/value 对象：

var params = { width:1900, height:1200 };
var str = jQuery.param(params);
$("#results").text(str); //width=1680&height=1050