格式:load(url, [data], [callback])
//load()方法是jQuery Ajax中无刷新中的一个方法
//可以实现将一个页面内容直接加载到指定的ID容器中,也可带参数刷新页面
//不过因为它传输数据时是用utf-8编码的,所以当调用页面编码不是utf-8的时候,就会出现乱码
参数 | 类型 | 说明 |
url | String | 请求HTML页面的URL地址 |
data(可选) | object | 发送至服务器的key/value数据 |
callback(可选) | function | 请求完成时的回调函数,无论成功或者失败 |
$(function(){
$("button").click(function(){
$("#mianDiv").load("index.html"); //完全载入index.html文件
$("#mianDiv").load("index.html p"); //载入文件中的p段落,同时p可以class、id,即可以从文件中筛选数据
});
});
$(function(){
$("#message").load("index.html",function(){
//在无参数的情况下是以GET方式提交的
});
$("#message").load("index.html", {name : "lee"}, function(){
//在有参数的情况下是以POST方式提交的
//这个传参相当于index.html?name="lee",是以POST方式提交的
});
});
//注:load函数有一个不好的地方是会生成缓存
//解决缓存问题
//1、如果是HTML文件
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
//2、js代码
$.ajaxSetup ({
cache: false //关闭AJAX相应的缓存
});