jQuery对ajax编程的支持

1.jQuery对ajax编程的支持

 (1)load     (flight.jsp)

  1)作用

   异步地向服务器发送请求，并且将服务器返回

  的数据直接添加到符合要求的节点之上。

  2)用法

   $obj.load(url,[data]);

   注：

    url:请求地址

    data:请求参数，有两种格式

      格式一: 请求字符串，比如

         "username=Sally&age=22"

      格式二: 对象，比如

         {"username":"Sally","age":22}

    如果有请求参数，并且请求参数采用对象的

    形式来发送，则load方法会发送post请求，否则，

    会发送get请求。

  练习：

    点击"查看所有票价"链接，显示当前航班

   的所有票价，同时，链接文字改变为"查看

   经济舱价格"。

    再次点击，隐藏票价，同时链接文字恢复

   为"查看所有票价"。

 

 (2)$.get和$.post

  1)作用

   $.get方法：异步地向服务器发送get请求，并

   且可以处理服务器返回的数据。

  2)用法

   $.get(url,[data],callback,type);

   注:

    url: 请求地址

    data: 请求参数(同上)

    callback:回调函数,用来处理服务器返回的

       数据，该函数的格式:

       function(data,statusText),其中,

       data表示服务器返回的数据，statusText

       是一个描述服务器处理状态的一个文本。

    type:服务器返回的数据类型,常见的有:

      text: 文本

      html: html文档

      json: json字符串

      xml: xml文档

      script: javascript脚本

 (3)$.ajax

  用法

   $.ajax({});

   {}是一个描述了请求选项参数的对象，常见的

   选项参数有:

   url: 请求地址

   type:请求类型(get/post)

   data:请求参数(同上)

   dataType:服务器返回的数据类型

       text: 文本

       html: html文档

       json: json字符串

       xml: xml文档

       script: javascript脚本

   success:服务器处理正常对应的回调函数，格式

       (同上)

   error:服务器处理失败对应的回调函数。

   async:true(缺省)/false,当值为false,同步地

     发送请求。

 (4)两个方法

   对于表单，如果有大量的请求参数需要发送，可以

   使用以下两个方法。

  1)serialize(): 生成请求字符串的形式。

  2)serializeArray(): 生成对象的形式。