锋利的Jquery——学习笔记（六）jQuery中的Ajax

jQuery中的Ajax

在jQuery中$.ajax("")为最底层方法,load(),$.get(),$.post()为第二层方法，$.getScript(),$.getJSON()为第三层方法

一、load()

$("#madeload").load(_detailUrl,_data_para,function(){
    $("#detail_modal").modal();
});

test.html:
<p class="para">kjfhaskdljfa</p>
<p class="para1">kjfhaskdljfa</p>
<p class="para2">kjfhaskdljfa</p>
--------------
<div id="madeload"></div>
jquery:
$("#madeload").load("test.html .para")

传递方式：若没有传递参数data，则为get方法；若有参数传递，则为post方法。

二、$.ajax()

三、元素序列化

1、serialize()方法 [Deserialize()]

$("#form").serialize();//使dom元素中的内容序列化为字符串
-------------------------------
var obj={
    name:"小红"，
    age:18,
    sex:"女"
}
var str= JSON.stringfy();//序列化
var obj_str= JSON.parse(str);//反序列化，转化为对象

2、serializeArray()方法

该方法在序列化后返回json格式的数据，而非字符串
在实际js编程中，如果用serializeArray()赋值，如果对input赋予disabled属性，则不能定位到该input，所以应该用单纯的id获取元素赋值