欢迎光临散文网 会员登陆 & 注册

超级详细的AJAX教程(解锁ajax实用教程)

2021-02-04 16:40 作者:京节朔点  | 我要投稿


什么是 AJAX?

1)AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

2)AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分页面内容的新方法,AJAX 不是新的编程语言,而是使用现有技术混合使用的一种新方法。ajax 中使用的技术有JavaScript, html , dom , xml ,css 等。主要是 JavaScript , XML.

     JavaScript::使用脚本对象 XMLHttpRequest 发送请求, 接收响应数据

      XML:发送和接收的数据格式,现在使用 json

3)AJAX 不单需要前端的技术,同时需要后端(服务器)的配合。服务器需要提供数据,数据是 AJAX 请求的响应结果。

 别划走末尾有视频教程哦!!!

AJAX 异步实现步

XMLHttpRequest 对象介绍: 

(1) 创建对象方式

var xmlHttp = new XMLHttpRequest();

(2) onreadstatechange 事件

       当请求被发送到服务器时,我们需要执行一些基于响应的任务。每当 readyState 改变时,就会触发 onreadystatechange 事件。此事件可以指定一个处理函数 function。通过判断XMLHttpReqeust 对象的状态,获取服务端返回的数据。

(3) 初始化请求参数

(4) 发送请求

xmlHttp.send()

(5) 接收服务器响应的数据

      如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或

responseXML 属性。

responseText:获得字符串形式的响应数据

responseXML:获得 XML 形式的响应数据

推荐观看教程指路:

教程简介:

    传统开发的缺点,是对于浏览器的页面,全部都是全局刷新的体验。如果我们只是想取得或是更新页面中的部分信息那么就必须要应用到局部刷新的技术。局部刷新也是有效提升用户体验的一种非常重要的方式。
     ajax技术是基于js语言的扩展,能够通过将请求发送给后台,并从后台取得相关数据,然后将数据在页面做局部刷新的重要技术。
     本课程会通过对ajax的传统使用方式,结合json操作的方式,结合跨域等高级技术的方式,对ajax做一个全面的讲解。

超级详细的AJAX教程(解锁ajax实用教程)的评论 (共 条)

分享到微博请遵守国家法律