AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?

avatar
作者
筋斗云
阅读量:0

ajax 的全称 Asynchronous JavaScript and XML (异步 JavaScript XML) 

AJAX是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的 XMLHttpRequest 对象,是这个对象使得浏览器可以发出 HTTP 请求与接收 HTTP 响应。实现了在页 面不刷新的情况下和服务器进行交互。

原生AJAX语法格式:

let xhr = new XMLHttpRequest(); xhr.open('get','js/index.json',true); xhr.send(); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { let text = xhr.responseText; console.log(text); let data = JSON.parse(text); console.log(data); } };
ajax 使用方法: 1. 创建 XMLHttpRequest 对象 2. 使用 open 方法指定要请求的地址、类型和方式。 3. 使用 send 方法发送请求,如果需要传参: get 方式要将参数拼接到 URL 后边,参数间&分割。例:’index.php?name=张三&age=18’ post 方式可以将参数放到 send()里。例:send(‘name=张三&age=18’) 4. 绑定 onreadystatechange 事件,判断 readyState 和 status 的状态。 5. 接收数据,通过 json 转换使用。

 

jQuery提供分装好的AJAX更快捷,适合在开发项目中使用,原生AJAX更好理解,浅显易懂。

jQuery语法格式:

$.ajax({ 	type: "GET", 	url: 'js/exercise.json', 	data: {},     headers:'',     datatype:'',     async:'', 	success: function(result) { 		console.log(result); 		data = result; 	},  	Error: function(e) { 		console.log(e.status); 		console.log(e.responseText); 	},  });

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!