<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>first.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script>
var xhr;//全局变量
function fun()
{
var userName = document.getElementById('userName').value;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
//IE7 8
// xhr = new ActiveXObject("Msxml2.XMLHTTP");
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open('GET','DelUser.jsp?userName='+encodeURI(userName));
//xhr.open('post','DelUser.jsp');
//设置回调函数
xhr.onreadystatechange = function(){
var ready = xhr.readyState;
if (ready == 4){
parseCompletedResponse(xhr);
}
};
//xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send(null);
}
function parseCompletedResponse(xhr)
{
var str = "<input type=text readonly value='"+xhr.responseText+"'/>";
document.getElementById('mm').innerHTML = str;
//alert(xhr.responseText);
}
</script>
</head>
<body>
<input type="text" id="userName" />
</br>
<div id="mm"></div>
<input type="button" value="Del" onclick="fun();" />
</body>
</html>
分享到：
相关推荐
本压缩包文件"创建XMLHttpRequest对象的方法.rar"包含了一份关于如何创建XMLHttpRequest对象的详细教程，其核心内容可以从以下几个方面来理解： 1. **XMLHttpRequest对象的创建** 在JavaScript中，XMLHttpRequest...
一般网上流传的创建XMLHttpRequest对象比较简单。跨浏览器能力非常有限。并不全面。 经测试，用此方法创建XMLHttpRequest对象，在运用AJAX的时候，可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流...
### 创建XMLHttpRequest对象 在现代Web开发中，异步JavaScript和XML（通常称为AJAX）是一种重要的技术，它允许网页在不重新加载整个页面的情况下与服务器进行数据交换。这一过程的核心在于`XMLHttpRequest`对象的...
创建XMLHttpRequest对象池的步骤如下： 1. **初始化对象池**：在应用程序启动时，预先创建一定数量的XHR对象，并将它们存储在一个数组中。例如： ```javascript const xhrPool = []; for (let i = 0; i ; i++) {...
本主题主要关注如何在不同的浏览器环境中创建XMLHttpRequest对象，以实现跨浏览器兼容性。 王兴魁老师是一位知名的IT教育专家，他在传智播客的课程中深入讲解了这一主题。创建XMLHttpRequest对象是AJAX的核心步骤，...
### 支持多种浏览器创建XMLHttpRequest对象代码 随着Web技术的发展与演进，跨浏览器兼容性一直是前端开发者面临的重要挑战之一。特别是在处理Ajax请求时，如何优雅地在不同浏览器（尤其是IE与其他现代浏览器）间...
在JavaScript中创建XMLHttpRequest对象非常简单，一般有两种方式： 1. 对于现代浏览器（IE7+、Firefox、Chrome、Safari和Opera）： ```javascript var xmlhttp = new XMLHttpRequest(); ``` 2. 对于较老版本的...
通过上述代码片段可以看出，为了兼容各种浏览器环境，我们首先尝试使用 `ActiveXObject` 创建 XMLHttpRequest 对象，如果失败则尝试使用原生的 `XMLHttpRequest` 构造函数。 #### 三、XMLHTTPRequest的主要属性与...
#### 创建XMLHTTPRequest对象 创建`XMLHTTPRequest`对象的过程取决于浏览器的支持情况。不同的浏览器对`XMLHTTPRequest`的支持方式略有不同，主要分为两种：IE浏览器和其他非IE浏览器（如Firefox、Chrome等）。 ##...
由于 XMLHttpRequest 不是一个 W3C 标准，所以可以采用多种方法使用 JavaScript 来创建 XMLHttpRequest 的实例。Internet Explorer 把 XMLHttpRequest 实现为一个 ActiveX 对象，其他浏览器（如 Firefox、Safari 和 ...
由于XMLHttpRequest不是一个W3C标准，所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。 Internet Explorer把XMLHttpRequest实现为一个ActiveX对象，其他浏览器（如Firefox、Safari和Opera）把它...
1. **创建XMLHttpRequest对象**： 在JavaScript中，通过`new XMLHttpRequest()`来创建一个新的XMLHttpRequest实例。这个对象提供了与服务器交互的接口。 2. **初始化请求**： 使用`open()`方法来设置请求的基本...
**创建XMLHttpRequest对象** 在JavaScript中，XMLHttpRequest对象不是内置在全局作用域内的，而是通过构造函数来创建的。你可以直接通过`new XMLHttpRequest()`来创建一个新的实例。例如： ```javascript var xhr ...
#### 三、创建XMLHttpRequest实例 创建一个XMLHttpRequest对象实例非常简单。在JavaScript中，可以通过`new XMLHttpRequest()`来实现。例如： ```javascript var request = new XMLHttpRequest(); ``` #### 四、...
在创建 XMLHttpRequest 对象时，需要注意版本问题，可以使用 try...catch 块来尝试创建不同版本的对象： `function createXMLHttp() { var aVersions = [ "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2...
1. **创建XMLHttpRequest对象**： 在JavaScript中，可以通过`new XMLHttpRequest()`来创建一个XMLHttpRequest实例。虽然名字中包含XML，但实际上传输的数据格式不仅限于XML，也可以是JSON、HTML等。 2. **初始化...
AJAX – 创建 XMLHttpRequest 对象 XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。 XMLHttpRequest 用于在后台与服务器交换...
1. 初始化：创建XMLHttpRequest对象，然后通过`open()`方法设置请求的类型（GET、POST等）、URL和是否异步执行。 2. 发送请求：调用`send()`方法发送请求。如果是GET请求，参数通常为空；对于POST请求，参数可以作为...
通过创建XMLHttpRequest对象，然后调用其open()方法设置请求类型（GET或POST）、URL和是否异步处理，接着使用send()方法发送请求。 2. **实例解析** - `xmlhttprequest2.html` 和 `xmlhttprequest3.html` 可能展示...