对于ajax的简单理解

Ajax全称:Asynchronous JavaScript and XML即异步JavaScript和XML。其实说白了就是不重新加载页面只加载某个部分。而我这里主要说的是jQuery中de AJAX方法。主要是通过HTTP Get 和HTTP Post这两种方法来从服务器上请求数据,从而达到我们所想要得目的。
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);
});
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值