Ajax

最新推荐文章于 2025-03-16 10:00:00 发布

原创最新推荐文章于 2025-03-16 10:00:00 发布 · 282 阅读

0 ·

CC 4.0 BY-SA版权

Java学习专栏收录该内容

205 篇文章

订阅专栏

本文介绍了Ajax技术，一种用于构建网页的技术，使用户在等待网页传输过程中仍能与系统交互，实现局部页面更新。同时详细讲解了XMLHttpRequest对象的使用方法，包括创建对象、发送请求及处理响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ajax

构建网页的一种综合使用JavaScript和XML的技术
不是什么划时代的技术
HTML网页的异步传输技术
在等待网页的传输过程中，用户依然可以和系统进行交互
页面不用刷新就可以更新内容
合理的运用可以让用户感觉更好更方便
但也不要滥用

XMLHttpRequest

重要的Javascript对象，通过它提起对服务器端的请求
可以通过Javascript提起请求
请求的结果被预先定义好的方法处理如果要提起多个请求，需要多个XHR对象

	var xmlHttp;
	 
	function createXMLHttpRequest() {
		//表示当前浏览器不是ie,如ns,firefox
		if(window.XMLHttpRequest) {
			xmlHttp = new XMLHttpRequest();
		} else if (window.ActiveXObject) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}

	function validate() {
		createXMLHttpRequest();
		var userId = document.getElementById("userId").value;
		var url = "user_validate.jsp?userId=" + userId + "×tampt=" + new Date().getTime();
		xmlHttp.open("GET", url, true);
		xmlHttp.onreadystatechange=callback;
		xmlHttp.send(null);
	}

	/*
	//可以采用清除缓存的方法，如下
	response.setContentType("text/xml");
	response.setHeader("Cache-Control", "no-store"); //HTTP1.1	
	response.setHeader("Pragma", "no-cache"); //HTTP1.0
	response.setDateHeader("Expires", 0); 
	*/