锋利的Jquery——学习笔记(六)jQuery中的Ajax

jQuery中的Ajax

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

一、load()

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

锋利的Jquery——学习笔记(六)jQuery中的Ajax_第1张图片

test.html:

class="para">kjfhaskdljfa

class="para1">kjfhaskdljfa

class="para2">kjfhaskdljfa

-------------- <div id="madeload">div> jquery: $("#madeload").load("test.html .para")

传递方式:若没有传递参数data,则为get方法;若有参数传递,则为post方法。

二、$.ajax()

锋利的Jquery——学习笔记(六)jQuery中的Ajax_第2张图片
锋利的Jquery——学习笔记(六)jQuery中的Ajax_第3张图片
锋利的Jquery——学习笔记(六)jQuery中的Ajax_第4张图片
锋利的Jquery——学习笔记(六)jQuery中的Ajax_第5张图片

三、元素序列化

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获取元素赋值

你可能感兴趣的:(锋利的jquery)