jQuery Ajax(异步请求)
jQuery异步请求
原始的异步请求是需要创建的 XMLHttpRequest 对象.(IE5,6不支持)目前很多浏览器都支持XMLHttpRequest对象
jQuery ajax常用的回调函数:beforeSend,error,dataFilter,success,complete
beforeSend:是在进行ajax传递参数之前,并且传入一个XMLHttpRequest作为参数
error:回调出错了,
dataFilter:返回成功了,但在success函数之前,对参数进行操作
success:返回成功之后的操作
complete:是完成之后最后的操作.
常规ajax请求方式有$.get();$.post();$.ajax();
$.get();和$.post();是对$.ajax();的进一步封装.
var configObj = { method //数据的提交方式:get和post url //数据的提交路劲 async //是否支持异步刷新,默认是true data //需要提交的数据 dataType //服务器返回数据的类型,例如xml,String,Json等 success //请求成功后的回调函数 error //请求失败后的回调函数 }
建议:async:最好不要设为false,如果设为false,那么js就不是并发执行的了,当然如果你本来就 例如
//异步提交的表单 function sss(){ jQuery.ajax({ url: "",//url data: $('#myForm').serialize(),//myForm是表单ID type: "POST", beforeSend: function() { //在异步提交前要做的操作 }, success: function(t)//t是从后台传过来的参数。可以没有 { //在异步提交成功后要做的操作 } }); }
jQuery 基础知识:
$("p")表示获取标签<p>元素的 如
<p>hello</p>
$("#id") 表示获取id为"id"的元素如$("#test")
<p id="test"> hello </p>
$(".test") 表示获取class为"test"的元素 如
<p class="test"> hello </p>
元素选择器可以相互组合 如$("p.intro") 选取所有 class="intro" 的 <p> 元素。
属性选择器是以[],$代表jQuery []里面代表里面的属性,如果冲突 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。