1.使用 jQuery 的each() 迭代数组
- $arr.each()；
arr : jQuery 中的数组
语法:
$arr.each(function(index, obj){
index: 遍历出来的元素的下标
obj: 遍历出来的元素
})
$.each(arr, function(index, obj){
index: 遍历出来的元素的下标
obj: 遍历出来的元素
})
2.jQuery AJAX
在jQuery中提供了对原生AJAX的封装
1.$obj.load(url, data, callback);
作用: 异步加载数据到 $obj 元素中
参数:
url: 异步请求的地址
data: 传递给服务器端的参数(可选)。
可以是JSON格式
{"name":"lucy", "age":16}
也可为字符串格式
"abc"
callback: 异步请求完成之后要执行的操作(可选)
回调函数
function (resText, statusText) {
//resText :响应数据
//statusText : 响应的状态文本(响应成功返回 "success")
}
如:
$("#show").load(
"/server",
params, // 参数
function (resText, statusText) {
$(this).html("<h1>" + resText + "</h1>");
}
)
2. $.get(url, data, callback, type);
- url : 异步请求地址
- data: 请求提交的数据
可以是字符串, 可以使JSON - callback : 请求成功时的回调函数
function (resText) {
// resText : 表示响应回来的文本
}
- type : 指明响应回来的数据的类型, 自动将 resText 进行转换
1 ."html" : 响应回来的文本是html文本
2 ."text" : 响应回来的文本是普通文本
3 ."json" : 响应回来的数据是JSON对象
3. $.post(url, data, callback, type);
使用方式: 同 $.get(url, data, callback, type);
