JQuery对Ajax的支持(所谓支持就是原生Ajax的方法的封装)
.方案:
使用$.load(),$.get(),$.post(),$.ajax()方法发送异步请求
load()
.作用:将服务器返回的数据字节添加到符合要求的节点之上.
.用法:
.$obj.load(请求地址,请求参数);
.请求参数
-"username=tom & age=22"
-{'username':'tom','age':16}
.在有请求参数的时候,load()方法发送post请求,否则发送get请求
练习使用load()方法.
<script>
$(function(){
$(".s1").click(function(){
var empId = $(this).parent().siblings().eq(0).text();
//发送ajax请求
$(this).next().load("salary.do","empId="+empId);
});
});
</script>
$.get()方法
.作用:发送get类型的请求
.用法:$.get(请求地址,请求参数,回调函数function(date),服务器返回的数据类型)
说明:
-回调函数添加的参数是服务器返回的数据
-服务器返回的数据类型:
html:HTML文本 "<p>这是一段文本</p>"
text:文本 "这是一段文本"
xml:XML文档
script:JavaScript脚本.
练习使用$.get()方法
股票实时刷新demo
get方式和post方式基本一致,但有区别:
主要区别:
修改post请求为get请求时,相关参数不变,只有在IE浏览器下会存在缓存的问题
所以在请求地址后面追加一个随机数就可以欺骗IE浏览器,让其认为请求的数据有变化
一般情况下价格时间戳
'quoto.do?data='+new Date().getTime()
ajax()
.用法:$.ajax({})
.{}内可以设置的选项参数有:
-url:请求地址
-type:请求方式
-data:请求参数
-dataType:服务器返回的数据类型
-success:服务器处理正常对应的回调函数
-error:服务器出错时对应的回调函数