Ajax概述

Ajax:

异步JavaScript和XML,是一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。(传统的网页,即不使用Ajax技术,如果需要更新内容,必须重载整个网页页面。)
传统技术,同步:
Ajax概述
使用Ajax后,异步:
Ajax概述

Ajax-api详解

  • 常用属性:
    onreadystatechange:检测readyState状态改变的时候
    readyState属性:ajax核心对象的状态
readyState 取值 描述
0 请求未初始化:已创建一个XMLHttpRequest对象,但没有初始化
1 服务器连接已建立;使用open()方法建立到服务器的连接
2 请求已发送;已经通过send()方法把一个请求发送到服务器端,但还没收到响应
3 请求处理中;接收到部分数据,数据还没接受完
4 请求已响应;响应已经完成

status属性:200,ok;304,缓存;403,没有权限;404,not found;501,服务器级别错误。

  • 常用方法:
    open()方法:主要用来初始化一个XMLHttpRequest对象。
    语法格式:void open(String method, String url, Boolean async)
    method:指定发送请求的HTTP方法。
    url:请求的地址,即文件在服务器上的位置
    async:是否异步;true表示异步,false表示同步

    send()方法:发送请求的方法。
    语法格式:void send(String body)
    body:要发送的数据,仅用于POST请求

    setRequestHeader()方法:用于设置请求的头部信息。
    语法格式:void setRequestHeader(String header, String value)
    设置post请求的参数的类型,必须放在send方法之前