jquery中Ajax请求

 jQuery底层将传统的原生Ajax进行了封装。调用者只需要$.ajax方法调用即可,他一般包括四个参数,type(请求方式);URL(发送请求的地址);data(发送到服务器的数据);请求成功后的回调函数(如:success);jQuery 底层 AJAX 实现一般会采用两种方式:get或者post方式。默认的情况下会采取get方式。那我们从这个例子说明吧!

$.ajax({//.................................调用Ajax方法
   type: "POST",//.........................(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。
   url: "some.php",//......................发送请求的地址。
   data: "name=John&location=Boston",//.....发送到服务器的数据。将自动转换为请求字符串格式
success: function(msg){//.................请求成功后的回调函数。参数:由服务器返回,并根据dataType参数进行处理后的数据
alert( "Data Saved: " + msg ); } });

默认情况下,Ajax请求使用GET方法。如果要使用POST方法,可以设定type参数值。这个选项也会影响data选项中的内容如何发送到服务器。

data选项既可以包含一个查询字符串,比如 key1=value1&key2=value2 ,也可以是一个映射。

如果要处理$.ajax()得到的数据,则需要使用回调函数。beforeSend、error、dataFilter、success、complete。

  • beforeSend 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。
  • error 在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)
  • dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据(可能是处理过的)传递给success回调函数。
  • success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。
  • complete 当请求完成之后调用这个函数,无论成功或失败。传入XMLHttpRequest对象,以及一个包含成功或错误代码的字符串。

$.ajax()函数依赖服务器提供的信息来处理返回的数据。如果指定为json类型,则会把获取到的数据作为一个JavaScript对象来解析,并且把构建好的对象作为结果返回。为了实现这个目的,他首先尝试使用JSON.parse()

 

posted on 2014-08-25 23:13  随LY风  阅读(164)  评论(1)    收藏  举报

导航