Java WEB

7.4.3 XMLHttpRequest对象的属性

  • readyState
  • 描述XMLHttpRequest的状态
  • 一共有五种状态分别对应了五个数字:
    • 0 :请求尚未初始化,open()尚未被调用
    • 1 :服务器连接已建立,send()尚未被调用
    • 2 :请求已接收,服务器尚未响应
    • 3 :请求已处理,正在接收服务器发送的响应
    • 4 :请求已处理完毕,且响应已就绪。
  • status
    • 请求的响应码
      • 200 响应成功
      • 404 页面为找到
      • 500 服务器内部错误

… … … …

  • onreadystatechange
  • 该属性需要指向一个函数
  • 该函数会在readyState属性发生改变时被调用
    • responseText
  • 获得字符串形式的响应数据。
    • responseXML(用的比较少)
  • 获得 XML 形式的响应数据。
    • 示例代码

 

7.4.4 使用JQuery框架来发送异步请求

  • JQuery是当前比较主流的 JavaScript 库,封装了很多预定义的对象和实现函数,帮助使用者建立有高难度交互的页面,并且兼容大部分主流

的浏览器.

JQuery对同样提供了对Ajax的支持,可以更加方便快速的进行Ajax的开发,相关的方法有$.get    $.post   $.ajax等.

JQuery的对象的本质就是dom对象的数组/集合

  • JQuery对象与dom对象的相互转换

JS转JQuery:   var  jObj = $(dObj);

JQuery转JS:   var  dObj = jObj[0]  或者  var dObj = jObj.get(0)

  • $.get方法
  • $.post方法
  • $.ajax方法

jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最简单的情况下,$.ajax()可以不带任何参数直接使用。

$.ajax方法的参数

 

       对于settings请求设置来说,所有选项都是可选的,详见jQuery手册

  • 具体的示例代码