您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

ajax是干什么的

2024/3/12 17:43:58发布38次查看
ajax是一种用于创建快速动态网页的技术,可以用来:1、做局部请求以实现局部刷新(不刷新页面而更新网页);2、在页面加载后从服务器请求数据;3、在页面加载后从服务器接收数据;4、在后台向服务器发送数据。
本教程操作环境:windows7系统、javascript1.8.5版、dell g3电脑。
ajax是什么?
ajax = asynchronous javascript and xml.
ajax是一种用于创建快速动态网页的技术。
ajax 通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新。
传统的网页(不使用 ajax)如果需要更新内容,必须重载整个页面。
有很多使用 ajax 的应用程序案例:google maps、gmail、youtube 和 facebook。
         用于浏览器与服务器之间使用异步数据传输(http 请求),做到局部请求以实现局部刷新
ajax是干什么的?有什么用?
1、不刷新页面而更新网页(局部刷新)
2、在页面加载后从服务器请求数据
3、在页面加载后从服务器接收数据
4、在后台向服务器发送数据
如何使用ajax?
1、创建xmlhttprequest对象
2、使用open方法设置和服务器的交互信息
3、设置requestheader() request.setrequestheader(属性名称, 属性值);
4、send() 设置发送的数据,开始和服务器端交互
5、取得响应,注册事件
例子:
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>document</title></head><body> <button onclick="getdata()">获取数据</button> <script> function getdata() { // 1.创建xmlhttprequest对象 var request = new xmlhttprequest(); // 2.使用open方法设置和服务器的交互信息 // 请求的主体 request.open('get', 'https://api.muxiaoguo.cn/api/lishijr/') // 3.设置requestheader() request.setrequestheader(属性名称, 属性值); // 这里用默认就好,不写了 // 4. send() 设置发送的数据,开始和服务器端交互 request.send(); //调用send()之后,请求就会发送到服务器 // 5.取得响应,注册事件 request.onreadystatechange = function () { if (request.readystate === 4 && request.status === 200) { //4 响应完成 done // console.log(request.responsetext); var res = json.parse(request.responsetext); console.log(res); // 根据数据添加对应的节点 for (var arrindex in res.data) { // 创建一个节点 var p = document.createelement('p'); p.innerhtml = res.data[arrindex].title; document.body.appendchild(p); } } } // 6.如果请求完成,并且响完成,可以获取到响应数据 } </script></body></html>
对ajax的总结:
ajax是异步的javascript和xml;
ajax是一种用于创建更好更快以及交互性更强的web应用程序的技术;
ajax是一种独立于web服务器软件的浏览器技术;
ajax不是一种新的编程语言,而是一种技术;
ajax 使用 javascript 在 web 浏览器与 web 服务器之间来发送和接收数据(前端后端交互);
ajax在浏览器与web服务器之间使用异步数据传输(http请求)。
【相关教程推荐:ajax视频教程】
以上就是ajax是干什么的的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product