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);

}
}

相关文章
|
6月前
|
XML 前端开发 JavaScript
什么是ajax,为什么使用ajax?
什么是ajax,为什么使用ajax?
45 0
|
前端开发 UED
Ajax的使用
Ajax的使用
|
5月前
|
XML 前端开发 JavaScript
AJAX.
AJAX.
27 1
|
5月前
|
XML JSON 前端开发
快速了解AJAX
快速了解AJAX
|
6月前
|
XML 前端开发 JavaScript
什么是AJAX
什么是AJAX
40 0
|
6月前
|
XML 前端开发 JavaScript
AJAX
AJAX(Asynchronous JavaScript and XML)是一种异步的Web开发技术,它可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。AJAX的核心是XMLHttpRequest对象,它使得JavaScript可以发送HTTP请求并处理响应。
40 2
|
6月前
|
XML 前端开发 JavaScript
什么是ajax?
什么是ajax?
79 0
|
XML 前端开发 JavaScript
|
前端开发 JavaScript 小程序
ajax中使用总结
ajax中使用总结
125 0
ajax中使用总结
|
XML JSON 前端开发
Ajax
Ajax(Asynchronous JavaScript and XML,异步的JavaScript和XML)技术可以实现页面的
205 0