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

}
}

相关文章
|
4月前
|
XML 前端开发 JavaScript
什么是ajax,为什么使用ajax?
什么是ajax,为什么使用ajax?
19 0
|
5天前
|
XML 前端开发 JavaScript
什么是AJAX
什么是AJAX
8 0
|
3月前
|
XML 前端开发 JavaScript
AJAX
AJAX(Asynchronous JavaScript and XML)是一种异步的Web开发技术,它可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。AJAX的核心是XMLHttpRequest对象,它使得JavaScript可以发送HTTP请求并处理响应。
17 2
|
7月前
|
XML 前端开发 JavaScript
24JavaWeb基础 - AJAX介绍
24JavaWeb基础 - AJAX介绍
36 0
|
XML Web App开发 前端开发
初识AJAX
XMLHttpRequest 对象
62 0
|
JSON 缓存 前端开发
|
XML 前端开发 JavaScript
|
XML JSON 前端开发
Ajax介绍
ajax 是 Asynchronous JavaScript and XML的简写,ajax一个前后台配合的技术,它可以让 javascript 发送异步的 http 请求,与后台通信进行数据的获取,ajax 最大的优点是实现局部刷新,ajax可以发送http请求,当获取到后台数据的时候更新页面显示数据实现局部刷新,在这里大家只需要记住,当前端页面想和后台服务器进行数据交互就可以使用ajax了。
189 0
|
Web App开发 安全 前端开发
ajax的使用
  如上一张表单提交,一般我们通常的做法是,form表单提交,方便快捷,提交以后就不用管了,是否完成以及完成以后做什么是提交以后的后台操作,form表单只负责提交过去。(一般后台在接收表单提交以后,根据验证以及数据流转结果给前台交互,常见的是 重定向)。
1118 0
|
Web App开发 XML JavaScript