用纯XMLHttpRequest实现AJAX
2024-08-30 01:04:09
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
/**
*创建XMLHttpRequest对象
*/
function createXhr() {
var xhr = null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else {
xhr = new ActiveXObject("Microsoft.XMLHttp");
}
return xhr;
} function testXHR() {
var xhr = createXhr();
window.alert(xhr);
} function getServerTest() {
//获取xhr对象
var xhr = createXhr();
//创建请求
xhr.open("get", "ajax.ashx", true);
//设置回调函数
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
//服务器已正常处理请求 并正确响应数据到客户端
var resText = xhr.responseText;
document.getElementById("hh").innerText = resText;
}
}
//4.发送请求
xhr.send(null);
}
</script>
</head>
<body>
<input type="button" value="Test Xhr" onclick="testXHR()">
<h2 id="hh"></h2>
<a href="javascript:getServerTest()">提交数据</a>
</body>
</html>
最新文章
- SpringMVC+MyBatis整合——事务管理
- JavaScript 字符串处理详解
- BZOJ2429[HAOI2006]聪明的猴子[最小生成树 kruskal]
- 了解 JavaScript (4)&ndash; 第一个 Web 应用程序
- Bluetooth in Android 4.2 and 4.3(一):综述
- LeetCode 264
- jquery mobile图片自适应屏幕
- _splitpath / _wsplitpath 将绝对路径分割为盘符、路径、文件名、扩展名。
- WebDriver API 大全
- js对象系列【一】深层理解对象与原型
- BootstrapTable-导出数据
- JS中5种经典继承方式
- javascript中如何判断变量类型
- 原型设计工具—Axure
- c++单例设计模式---17
- castle.dynamicProxy学习笔记
- dstat 性能测试工具常用选项
- 实验一 《网络对抗技术》逆向及Bof技术
- 创建自己的maven模板
- 谈一谈深度学习之semantic Segmentation
热门文章
- spring 事件模式 源代码导读
- Effective C++ 条款15、16 在资源管理类中提供对原始资源的访问||成对使用new 与 delete要采取相同形式
- Android Studio 一些方便使用的设置
- BAT&;注册表重定向劫持
- hadoop eclipse插件生成
- 超低功耗、无需网关,CSR智能家居蓝牙控制照明方案
- windows下在eclipse上远程连接hadoop集群调试mapreduce错误记录
- JavaScript and ActionScript3
- UIPageControll 的属性和用法
- maven实战(1)-- maven仓库