Ajax技术点

Ajax基本结构

$.ajax({

url:请求地址

type:"get | post | put | delete"默认是get,

data:请求参数{"id":"123","pwd":"123456"},

dataType:请求数据类型"html | text | json | xml | script | jsonp",

success:function(data,dataTexStatus,jqxhr){},//请求成功时error:function(jqxhr,textStatus,error)//

请求失败时

)}

————————————————————————————————

$.ajax({

      url:"发送请求(提交或读取数据)的地址",

        dataType:"预期服务器返回数据的类型", 

        type:"请求方式",

        async:"true/false",

        data:{发送到/读取后台(服务器)的数据},

        success:function(data){请求成功时执行},     

        error:function(){请求失败时执行}

});

————————————————



<1> url 默认为当前页地址

<2> dataType 可用类型:

(如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递)

xml:返回XML文档,可用JQuery处理。

html:返回纯文本HTML信息。

script:返回纯文本JavaScript代码。

json:返回json数据。

jsonp:(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。

text:返回纯文本字符串。


<3> type 可用类型主要为post和get两种(默认为get)

get:从指定的资源请求数据(从服务器读取数据)

post:向指定的资源提交要被处理的数据(向服务器提交数据)

<4> async 异步方式,默认为true,即异步方式。当设置为false时,为同步方式。

异步方式:ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发ajax里的success方法,这时候执行的是两个线程。

同步方式:在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。


<5> data 请求的数据,{ }中可以填入多项数据。如果不填(一般为get请求),则读取对应地址的全部数据,此时可以在console中通过console.log(res)显示数据情况。

<6> success 和 error 两个函数 一般需要设置,方便确定请求是否成功,以及请求成功后的提示或是对数据的处理和显示。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。