Ajax-基本概念了解

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值

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要快速学会 Ajax,你可以遵循以下步骤: 1. 理解基本的前端开发知识:在学习 Ajax 之前,你需要了解 HTML、CSS 和 JavaScript 的基础知识。这些知识将帮助你更好地理解和应用 Ajax 技术。 2. 学习 JavaScript:Ajax 是通过 JavaScript 来实现的,因此你需要深入学习 JavaScript 的语法、DOM 操作和事件处理等基础知识。你可以通过在线教程、书籍或视频课程来学习。 3. 了解 XMLHttpRequest 对象:XMLHttpRequest 对象是 Ajax 的核心,它用于在后台与服务器进行数据交互。学习如何创建、配置和发送 XMLHttpRequest 请求,并处理响应数据是学习 Ajax 的关键。 4. 掌握异步编程概念Ajax 是异步的,意味着它可以在后台发送和接收数据,而不会阻塞页面的加载和用户的操作。理解异步编程的概念和技巧是学习 Ajax 的关键。你可以学习如何使用回调函数、Promise 或 async/await 来处理异步操作。 5. 实践项目:通过实践项目来应用你所学的知识。你可以尝试创建一个简单的网页,通过 Ajax 请求数据并将其展示在页面上。逐渐增加复杂度,探索更多高级的 Ajax 技巧和应用场景。 6. 学习相关技术:Ajax 经常与其他技术一起使用,例如 JSON、RESTful API、服务器端编程等。学习这些相关技术将有助于你更好地理解和应用 Ajax。 记住,学习 Ajax 需要时间和实践。通过不断练习和构建项目,你将逐渐掌握 Ajax 技术的应用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值