Ajax全称:Asynchronous JavaScript and XML即异步JavaScript和XML。其实说白了就是不重新加载页面只加载某个部分。而我这里主要说的是jQuery中de AJAX方法。主要是通过HTTP Get 和HTTP Post这两种方法来从服务器上请求数据,从而达到我们所想要得目的。
jQuery 中load()方法是简单强大的AJAX方法,这个方法是在从服务器加载数据,并且返回数据放入选择器选择的元素中。它的语法结构是这样的:
比如你需要在指定的div中加载一个文件那么就是这样实现的:
jQuery 中load()方法是简单强大的AJAX方法,这个方法是在从服务器加载数据,并且返回数据放入选择器选择的元素中。它的语法结构是这样的:
$(selector).load(URL,data,callback);//URL是一个必须参数,就是需要加载的URL,
date和callback是都是可选参数,date参数用来请求字符串或者键值对的集合;callback是当load()方法完成后所需要执行的函数。
比如你需要在指定的div中加载一个文件那么就是这样实现的:
$("#div").load("test.text");
$("button").click(function(){//当点击button时执行以下操作
$("#div1").load("test.txt",function(responseTxt,statusTxt,xhr){//给div1加载test.txt完成之后执行函数
if(statusTxt=="success")
alert('外部内容已加载成功');
if(statusTxt=="error")
alert("Error:"+xhr.status+":"+xhr.statusText);
})
})//最后效果是load()方法成功则显示”外部内容已加载成功“失败则显示错误提示
$.get(URL,callback);//通过HTTP GET从服务器上请求数据,URL是需要请求的,也是必须参数,而callback是请求完成之后执行的函数
$("button").click(function(){//单击按钮执行操作
$.get("test.asp",function(data,status){//请求test.asp成功之后执行函数
alert("Data: " + data + "\nStatus: " + status);
});
});
$.post(URL,data,callback);//与get方法类似,date是和请求一起发送的数据,URL是必须,其他是可选
$("button").click(function(){//点击按钮执行操作
$.post("demo_test_post.asp",//请求URL demo_test_post.asp 脚本
{
name:"Donald Duck",
city:"Duckburg"
},//和url一起发送的数据。
function(data,status){//执行的函数,date是被请求页面的内容,status是状态。
alert("Data: " + data + "\nStatus: " + status);
});
});