JavaScript学习——Ajax

最新推荐文章于 2024-05-28 22:38:26 发布
最新推荐文章于 2024-05-28 22:38:26 发布
阅读量295 收藏
点赞数
分类专栏： JavaScript笔记 文章标签： 前端 javascript ajax xmlhttprequest activexobject

JavaScript学习——Ajax


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Natvie</title>
</head>
<body>
	<script>
		// 支持IE7及更高版本
		function createXHR(){
			if(typeof XMLHttpRequest != "undefined"){
				return new XMLHttpRequest();
			}else if(typeof ActiveXObject != "undefined"){
				if(typeof arguments.callee.activeXString != "string"){
					var versions = [
						"MSXML2.XMLHttp.6.0",
						"MSXML2.XMLHttp.3.0",
						"MSXML2.XMLHttp"
					];
					for(var i = 0, len = versions.length; i < len; i++){
						try{
							new ActiveXObject(versions[i]);
							arguments.callee.activeXString = versions[i]
							break;
						}catch(error){
							//跳过
						}
					}
				}
				return new ActiveXObject(arguments.callee.activeXString);
			}else{
				throw new Error("No XHR object available");
			}
		}

		//实例化对象
		var xhr = createXHR();
	</script>
</body>
</html>
这个函数首先检测原生XHR对象是否存在，如果存在则返回它的新实例。如果原生对象不存在，则检测ActiveX对象。如果两种对象都不存在，就抛出一个错误。



在Chrome浏览器中打印出xhr对象







以上代码整理自《JavaScript高级程序设计（第三版）》，用做个人学习分享



陈小名
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前后端交互——Ajax
m0_56712012的博客
05-18 3129
前后端交互AjaxAjaxjQuery中的ajax$.get()$.post()$.ajax()案例：图书列表 Ajax Ajax 即“AsynchronousJavascriptAndXML”（异步 JavaScript 和 XML），是指一种创建交互式应用的网页开发技术。通俗的理解就是在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式。 传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。其缺点如下： 1. 本身是针对MVC编程，不符合前端MVVM的浪潮 2.
JavaScript——Ajax
03-18
NULL 博文链接：https://truevoid.iteye.com/blog/686399
JavaScript小记——Ajax异步请求
m0_63138660的博客
04-30 622
Ajax Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
JAVAScript——AJAX异步更新
qq_45673367的博客
10-23 601
什么是AJAX? 简称：ASynchronous JavaScript And XML —— 异步的JavaScript 和 XML AJAX 是在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的艺术。 AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术——通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。 同步和异步的区别 异步和同步：客户端和服
学习笔记——Ajax
qq_43611698的博客
12-27 166
AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新 是⼀个默认异步执行机制的功能,AJAX分为同步（async = false）和异步（async = true） 同步请求(false) 与 异步请求(默认:true) 同步：提交请求——>等待服务器处理——>处理完毕返回（这个期间客户端浏览器不能干任何事） 异步：请求通过事件触发——&gt...
JavaWeb学习——AJAX（25）
Hoorus的窝
02-20 568
日常学习笔记
JavaWeb基础学习笔记18——AJAX
weixin_44623055的博客
02-28 5054
1、AJAX概念： AJAX（ASynchronous JavaScript And XML，异步的JavaScript和XML），是一种用于创建快速动态网页的技术，在无需重新加载整个网页的情况下，能够更新部分网页。通过在后台与服务器进行少量的数据交换，Ajax可以使网页实现异步更新。 Ajax可以提升用户的体验。 异步和同步：客户端和服务器端相互通信的基础上的同步和异步。 同步：客户端必须等待服务器端的响应，在等待的期间客户端不能做其它工作。 异步：客户端不需要等待服务器端的响应，在服务器处理请
JavaScript——AJAX基础
可芭乐的博客
02-07 454
Ajax基础——1什么是服务器 网页浏览过程分析 如何配置自己的服务器程序（AMP） 什么是Ajax 无刷新数据读取 用户注册、在线聊天室 异步、同步Ajax基础——2使用Ajax 基础：请求并显示静态TXT文件 字符集编码 缓存、阻止缓存<!DOCTYPE html> <html lang="en"> <head> <meta charset="U
JavaScript学习笔记（五）——Ajax
WS的小屋
02-13 880
jQuery与Ajax的综合应用 Ajax是 Asynchronous JavaScript And XML 的缩写，意思是异步的JavaScript和xml，他是基于JavaScript和HTTP请求的一种网页编程模式，其核心就是一个JavaScript对象和相关函数。 以一种异步的方式与web服务器通信，并且只更新页面的一部分。 Ajax由四部分组成： JavaScript DOM CS...
JavaWeb——AJAX
一个憨憨写的胡言乱语
10-25 585
JavaWeb——AJAX1、介绍2、原生的JavaScript中的AJAX请求实例3、jQuery中的AJAX请求 1、介绍 AJAX即"Asynchronous JavaScript And XML"异步JavaScript和XML，是指一种创建交互式网页应用的网页开发技术 是一种浏览器通过js异步发起请求，局部更新页面的技术 2、原生的JavaScript中的AJAX请求实例 <!DOCTYPE html> <html lang="Ch_zh"> <head>
【详细介绍WebKit的结构】
cz88888888666的博客
05-23 570
WebKit是一个开源的浏览器引擎，主要用于渲染网页内容，它最初由苹果公司为其Safari浏览器开发，目前被多种浏览器和应用程序使用，包括所有基于iOS和macOS的浏览器，WebKit的设计目标是提供快速、精准且流畅的网页浏览体验。
超详细的前后端实战项目（Spring系列加上vue3）前端篇（二）（一步步实现+源码）
2301_79969279的博客
05-24 1098
好了，兄弟们，继昨天的项目之后，开始继续敲前端代码，完成前端部分昨天完成了全局页面的代码，和登录页面的代码，不过昨天的代码还有一些需要补充的，这里添加一下。
深入解析：Element Plus 与 Vite、Nuxt、Laravel 的结合使用
一个普通人
05-23 1156
Element Plus 作为一个强大的 Vue.js 组件库，可以与 Vite、Nuxt 和 Laravel 等不同的工具和框架结合使用，为开发者提供灵活、高效的开发体验。根据项目需求选择合适的工具和框架，可以极大地提升开发效率和应用性能
python前端通过API接口调用与后端进行数据交互前端如何调用api接口通过关键词获取电商平台热销商品数据
2301_78159247的博客
05-23 557
请求参数：q=女装&start_price=0&end_price=0&page=1&cat=0&discount_only=&sort=&page_size=&seller_info=&nick=&ppath=&imgid=&filter=参数说明：q:搜索关键字。
Flutter 中的 SizeChangedLayoutNotifier 小部件：全面指南
最新发布
smileKH的博客
05-28 268
是一个混合了和行为的布局小部件。它允许子组件在尺寸变化时发送通知，而其他组件可以订阅这些通知来响应尺寸变化。
js知识点汇总之let const 和 var的区别
fyw1789的博客
05-23 1525
声明的变量会先在作用域中被创建出来，但因此时还未进行词法绑定，所以是不能被访问的，如果访问就会抛出错误。因此，在这运行流程进入作用域创建变量，到变量可以被访问之间的这一段时间，就称之为暂时死区。其实上面不存在变量提升的例子中，其实也是暂时性死区，因为它有暂时性死区的概念，所以它压根就不存在变量提升了。实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。中的作用域有：全局作用域、函数作用域，命令声明变量之前，该变量都是不可用的。，导致绑定这个块级作用域，
VUE3注册指令的方法
weixin_44072254的博客
05-22 507
【代码】VUE3注册指令的方法。
TS中的InstanceType函数和Typeof 操作符
05-23 218
【vue中的instanceType用法】父组件用ref获取子组件时，通过 instanceType获取子组件的类型。此外，typeof 操作符除了可以获取对象的结构类型之外，它也可以用来获取函数对象的类型。尽管ES6引入了更清晰的类语法，但从类型检查的角度看，类仍然被视为函数。函数：该函数返回（构造） 由某个构造函数构造出来的实例类型组成的类型。操作符除了可以获取对象的结构类型之外，它也可以用来获取函数对象的类型。获取由某个构造函数构造出来的实例类型组成的类型。操作符可以用来获取一个变量或对象的类型。
b站黑马JavaScript的Ajax案例代码——图书管理案例搜索事件
04-23
好的，以下为B站黑马JavaScript的Ajax案例代码——图书管理案例搜索事件： ```javascript /** * 搜索事件 */ function searchBook() { // 获取搜索框内容 var searchInput = document.querySelector("#...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值