/* 以下代码通过ajax实现在一个web页面点击不同的链接，然后将返回的结果显示在该页面固定的div里。 */
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
[removed]
var http_request = false;
function createRequest(url,objID){
http_request = false;
if(window.XMLHttpRequest){ //非IE浏览器
http_request = new XML
【Ajax 实现动态内容加载】
Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。在本示例中，我们看到如何利用Ajax来实现在一个Web页面上，当用户点击不同的链接时，将相应链接指向的页面内容动态地显示在一个固定的`div`元素内。
我们需要理解关键的JavaScript代码：
1. **变量声明**：`var http_request = false;` 初始化一个变量用于存储创建的XMLHttpRequest对象。
2. **createRequest 函数**：这是一个核心函数，接收两个参数，`url`是需要请求的页面地址，`objID`是显示内容的`div`元素的ID。函数内部首先判断浏览器类型，分别创建非IE浏览器和IE浏览器的XMLHttpRequest对象。如果无法创建，则提示错误。
3. **open 和 send 方法**：`http_request.open("GET", url, true);` 这行代码设置了HTTP请求的方法（GET）、URL以及异步执行（true）。`http_request.send(null);` 发送GET请求，因为没有POST数据，所以传入null。
4. **onreadystatechange 事件处理程序**：当请求状态改变时，这个函数会被调用。主要关注`http_request.readyState == 4`，表示请求已完成。如果`http_request.status == 200`，则表示请求成功，将响应的文本内容设置到指定`div`元素内。如果状态不是200，提示错误。
5. **HTML 结构**：在HTML中，有三个链接，每个链接都通过`onclick`事件调用`createRequest`函数，并传入对应的URL和`div`ID。`<div id="show" align="center"></div>` 是用于显示内容的`div`元素。
这个示例展示了Ajax的基本应用，使得用户可以无刷新地获取新内容，提升用户体验。然而，实际应用中，我们还需要考虑其他因素，例如错误处理、兼容性问题、安全性和性能优化等。
此外，还可以扩展此示例，比如：
- **添加错误处理**：除了提示错误，还可以提供更具体的错误信息，如网络错误、服务器错误等。
- **使用异步请求**：在`open`方法中，第三个参数为`true`表示异步请求，如果希望在请求完成后再执行后续代码，可以使用回调函数或Promise。
- **使用jQuery或其他库**：jQuery等库提供了更简洁的Ajax接口，如`$.ajax()`或`$.get()`，简化了跨浏览器的兼容性问题。
- **防止重复请求**：如果用户快速连续点击链接，可能会发送多个请求。可以在`onclick`事件中加入判断，避免重复发送请求。
- **缓存处理**：对于某些静态内容，可以开启HTTP缓存，提高加载速度。
Ajax技术为Web应用程序提供了更动态和交互式的体验，而这个简单的示例为我们展示了如何在实践中运用这一技术。
