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" 结尾的元素。