AJAX基础了解_5、ajax是什么意思,请描述一下你曾用过或了解过的ajax框架-CSDN博客

本文链接：https://blog.csdn.net/zheng_pika/article/details/79179998

本文详细介绍了Ajax的工作原理，包括创建XMLHttpRequest对象、发送HttpRequest及接收响应数据的过程。同时探讨了Ajax的请求方式、JavaScript与Ajax的关系及其组成部分。

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

一、工作原理（三步）

Browser（浏览器）：

1、创建一个XMLHttpRequest对象；

2、发送HttpRequest

通过Internet

Server（服务器）：

1、接收HttpRequest；

2、创建一个响应并且发送数据返回浏览器；

再通过Internet

Browser（浏览器）

1、用JavaScript接收data；

2、更新页面内容；

二、请求方式

将请求发送到服务器，使用XMLHttpRequest对象的open（）和send（）方法；

```
open(method,url,async);
```
规定请求的类型，URL以及时否异步处理；（method可以为"POST"或者"GET"；URL为文件在服务器上的位置；async的值可以是"true"或"false"，其中true为异步，false为同步）
```
send(string);
```
将请求发送到服务器；注意string只用于POST请求；

三、一个简单的实例

<script type="text/javascript">
	function lodehttp(url) {
	var xmlhttp;
	if (window.XMLHttpRequest) {
		//code for IE7+,Firefox,Chrome,Opera,Safari
		xmlhttp = new XMLHttpRequest();
		alert("支持XMLHttpRequest");
	}
	else{
		//code for IE5、IE6
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		alert("不支持");
	}
	xmlhttp.onreadystatechange = function(){
		if (xmlhttp.readyState = = 4&&xmlhttp.status = = 200) {
			document.getElementById('SomeId').innerHTML = xmlhttp.responseText;
		}
	}
	xmlhttp.open("POST","url",true);
	xmlhttp.send("fname=Zheng&lname=Jie");   
	}
</script>

onreadystatechange事件：基于响应的任务，当readyState属性改变时，就会调用该函数；

readyState在0~4变化（当值为4时，表示请求已完成，且响应就绪）；

Status值为200表示“ok”，值为404表示“未找到页面”；

四、JavaScript与Ajax

JavaScript是一种在客户端执行的脚本语言。Ajax是基于JavaScript的一种技术，它主要用途是提供异步刷新（只刷新页面的一部分，而不是整个页面都刷新）。

一个是语言，一个是技术，两者有本质区别；

五、Ajax组成

1、基于XHTML和CSS标准的表示；

2、使用DOM进行动态显示和交互；

3、使用XML和XSLT做数据交互操作；

4、使用XMLHttpRequest与服务器进行异步通信；

5、使用JavaScript绑定一切；

六、Ajax了解

1、Ajax结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的管理；

2、Ajax使用非同步HTTP请求，在Browser和Web Server之间传递数据；

3、Ajax使用客户端脚本与Web服务器交换数据的Web应用开发方法；