Ajax-基本概念了解

Source

Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术

创建Ajax的步骤:

1创建Ajax对象

2连接到服务器

3发送请求

4接收返回值

创建Ajax对象

var oAjax=new XMLHttpRequest();

连接到服务器

open(方法,文件名,同步异步)

参数一:post/get

参数二:请求的文件名(文件路径)

参数三:同步(false)  异步(true)

oAjax.open("GET","abc.txt",true);

post/get的区别

同步异步区别

(false)同步交互:指发送一个请求,需要等待返回,然后才能够发送下一个请求,有个等待过程

(true)异步交互:指发送一个请求,不需要等待返回,随时可以再发送下一个请求,即不需要等待

发送请求

send()

示例:oAjax.send();

接收返回值(监听状态码的改变)

oAjax.onreadystatechange=function(){

              if (oAjax.readyState==4 && oAjax.status==200){

                            alert("请求if成功"+oAjax.responseText);

              }

}

请求状态码

从 0 到 4 发生变化

0: 请求未初始化(还没有调用到open方法)

1: 服务器连接已建立(已调用send方法,正在发生请求)

2: 请求已接收(send方法完成,已接收到全部响应内容)

3: 请求处理中(解析响应内容)

4:请求成功

读取状态码:readyState

请求状态码 ( .status)status

200:"OK"(2  3 4状态码对应的状态都是200)

404:未找到页面(当请求的路径(url)发送错误)

获取返回的数据:responseText

让代码执行1次,加个判断:

JSON概念

JSON是一种轻量级的数据交换格式,它基于 ECMAScript 的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据

JSON 语法规则

数据在名称/值对中

数据由逗号分隔

大括号保存对象

中括号保存数组

JSON 名称/值对

JSON 数据的书写格式是:名称/值对

示例:"name" : "张三"

JSON 值

可以是数字、字符串、逻辑值、数组、对象、null

JSON值