Ajax 的使用

简介: Ajax 的使用

XMLHttpRequest 对象
XMLHttpRequest 是浏览器接口对象,该对象的 API 可被 JavaScript、VBScript 以及其它web 浏览器内嵌的脚本语言调用,通过 HTTP 协议在浏览器和 web 服务器之间收发 XML 或其它数据。XMLHttpRequest 可以与服务器实现异步交互,而无需让整个页面刷新,因此成为 Ajax 编程的核心对象。
Ajax 的使用步骤
创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
给定请求方式以及请求地址
xhr.open("get","http://www.example.com");
发送请求
xhr.send()
获取服务器端给客户端的响应数据
xhr.onreadystatechange = function(){
//0:请求未初始化
//1:服务器连接已建立
//2:请求已接收
//3:请求处理中
//4:请求已完成,且响应已就绪
if(xhr.readyState == 4 && xhr.status == 200){
document.getElementById("span").innerHTML=xhr.responseText;

alert(xhr.responseText);

}
}

相关文章
|
23天前
|
XML JSON 前端开发
什么是ajax,ajax有什么特点?
什么是ajax,ajax有什么特点?
|
3月前
|
XML 前端开发 JavaScript
什么是ajax,为什么使用ajax?
什么是ajax,为什么使用ajax?
19 0
|
1月前
|
JSON 缓存 前端开发
Ajax的使用(最详细!!!)
Ajax的使用(最详细!!!)
|
2月前
|
XML 前端开发 JavaScript
AJAX
AJAX(Asynchronous JavaScript and XML)是一种异步的Web开发技术,它可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。AJAX的核心是XMLHttpRequest对象,它使得JavaScript可以发送HTTP请求并处理响应。
17 2
|
6月前
|
XML 前端开发 JavaScript
24JavaWeb基础 - AJAX介绍
24JavaWeb基础 - AJAX介绍
35 0
|
XML 存储 前端开发
|
XML 前端开发 JavaScript
|
XML Web App开发 存储
ajax
ajax
91 0
|
XML JSON 前端开发
|
XML JSON 前端开发
Ajax介绍
ajax 是 Asynchronous JavaScript and XML的简写,ajax一个前后台配合的技术,它可以让 javascript 发送异步的 http 请求,与后台通信进行数据的获取,ajax 最大的优点是实现局部刷新,ajax可以发送http请求,当获取到后台数据的时候更新页面显示数据实现局部刷新,在这里大家只需要记住,当前端页面想和后台服务器进行数据交互就可以使用ajax了。
184 0