- 综合排序
- 最热优先
- 最新优先
- 来自专栏爬虫逆向案例
AJAX 工作原理
1.什么是 AJAX? AJAX 全称为“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML)，是一种创建交互式网页应用的网页开发技术。 与此不同，AJAX 应用可以仅向服务器发送并取回必需的数据，它使用 SOAP 或其它一些基于 XML 的 Web Service 接口，并在客户端采用 JavaScript 处理来自服务器的响应。 3.AJAX 的工作原理 Ajax 的工作原理相当于在用户和服务器之间加了—个中间层(AJAX 引擎),使用户操作与服务器响应异步化。 并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给 Ajax 引擎自己来做, 只有确定需要从服务器读取新数据时再由 Ajax 引擎代为向服务器提交请求。 (5).综合 Ajax 引擎，实际上是一个比较复杂的 JavaScript 应用程序，用来处理用户请求，读写服务器和更改 DOM 内容。
1.4K10发布于 2021-11-22 - 来自专栏HTML5学堂
AJAX原理与步骤
HTML5学堂：而今，AJAX技术已经成为JavaScript的重要组成部分，提到AJAX，最核心的两个词语是“局部刷新”和“异步加载”。在本文当中，主要介绍AJAX是什么以及其操作的基本步骤。 为何有了AJAX 在AJAX出现之前，注册是非常痛苦的一件事，当时互联网刚刚在中国兴起，网络下载速度普遍在十K出头，而且互联网产品都还不是很成熟，当时注册需要填非常多的没有用的项。 出于这样“糟糕”的用户体验影响，AJAX就横空出世了~~~ AJAX的基本步骤 1 创建请求 var xhr = new XMLHttpRequest(); 构造函数实例化 2 确定发送方式和地址 xhr.open ("get", url, true) 3 发送请求 xhr.send(null); 4 确定后台加载 xhr.onload = function(){} 5 请求返回的数据 xhr.responseText ; AJAX请求数据 实例 var xhr = new XMLHttpRequest(); var url = 'h5course.json'; xhr.open('get', url, true);
1.1K60发布于 2018-03-12 - 来自专栏程序技术知识
前端Ajax技术原理
image.png Ajax的工作原理： Ajax工作原理其实就是在一个页面的指定位置可以加载另一个页面中所有的输出内容。这样就实现了一个静态页面获取到数据库中所返回的数据信息了。 根据这样的原理所以Ajax实现了静态页面在不刷新整个页面的情况下与服务器通信，减少了用户的等待时间，增强用户体验的友好程度 image.png Ajax工作流程： Ajax通过XmlHttpRequest ajax原理和XmlHttpRequest对象 Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。 要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。 XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。 后来我自己做了一次试验，分别采用ajax和传统的form提交的模式来删除一条数据……给我们的调试带来了很大的困难。 5、另外，像其他方面的一些问题，比如说违背了url和资源定位的初衷。
1.1K00编辑于 2022-04-13 - 来自专栏小古哥的博客园
深入解析AJAX的原理
AJAX：Asynchronous JavaScript And Xml（异步的JS和XML） 同步：客户端发起请求》服务端的处理和响应》客户端重新载入页面（循环） 异步：客户端实时请求》服务端处理和响应 IE7+,Firefox,Chrome,Opera,Safari }else{ request = new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5 } HTTP请求：无状态协议（不建立持久链接，服务器不保留记录是没有记忆），它的过程如下7步： 1、建立TCP连接 2、浏览器向服务器发送请求命令 3、浏览器发送请求头信息 4、服务器应答 5、服务器发送应答头信息 jsonData+')');//容易产生错误,不会校验json是否合法，会直接执行json中的js语句 var jsonObj=JSON.parse(jsonData);//推荐 Jquery中的$.ajax --在www.bbb.com页面中--> jsonp({'name':"洪七公","age":70}) 方法三：HTML5提供的XHR2（ie10以下版本不支持） 服务端增加如下(PHP) header
1.5K40发布于 2018-03-08 - 来自专栏Web项目聚集地
Ajax工作原理及概述
Ajax AJAX是异步的JavaScript和XML（Asynchronous JavaScript And XML）。 AJAX最吸引人的就是它的“异步”特性，也就是说他可以在不重新刷新页面的情况下与服务器通信，交换数据，更新页面。 工作原理 Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。 并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。 采用了ajax技术，真正url地址下面看到的和我在这个url地址下看到的内容是不同的 一些手持设备（如手机、PDA等）现在还不能很好的支持ajax。
1.4K20发布于 2018-08-03 - 来自专栏wfaceboss
Ajax Step By Step5
【表单序列化】 Ajax 用的最多的地方莫过于表单操作，而传统的表单操作是通过 submit 提交将数据传 输到服务器端。如果使用 Ajax 异步处理的话，我们需要将每个表单元素逐个获取才方能提 交。 对比数据传输的差别： //常规形式的表单提交 $('form input[type=button]').click(function(){ $.ajax({ type:'POST', url:'test.php 这样，在面对大量表单元素时，会把表单元素内容序列化为字符串，然后再使用 Ajax 请求。 (2) //使用.serialize()序列化表单内容 $('forminput[type=button]').click(function(){ $.ajax({ type:'POST', url .click(function(){ $.ajaxSetup({ type:'POST', url:'test.php', data:$('form').serialize() }); $.ajax
1.1K20发布于 2019-04-08 - 来自专栏Java学习教程
轻松掌握ajax底层实现原理
原生的ajax虽然在实际开发中很少编写，但如果想将js高级框架底层学明白，那ajax的原理是必须要求精通的。 本套ajax视频对ajax底层实现原理讲解非常透彻，对ajax发送异步请求的每一步都进行了透彻的分析，让你彻底搞懂搞透ajax。 课程主要涵盖的内容：ajax底层实现原理剖析ajax跨域手写jquery库ajax省市联动ajax实现搜索联想ajax改造oa项目等课程在理论层面非常深入，使用大量实战案例来进行驱动，能够让大家在欢快愉悦的环境当中 ，掌握技术底层的实现原理。 学完之后让你不但会使用Ajax，而且直击底层的实验原理，用时不多，收获却很多哦~
97910编辑于 2022-08-12 - 来自专栏码农沉思录
AJAX 原理与 CORS 跨域
作者：赵帅强 原文： https://segmentfault.com/a/1190000011549088 ajax作为前端开发必需的基础能力之一，你可能会使用它，但并不一定懂得其原理，以及更深入的服务器通信相关的知识 下面我们来聊一聊 ajax相关的东西，包括 xhr/xdr/ajax/cors/http的一部分内容，其中会抛弃一些被弃用的历史包袱，如IE6/7等。 Ajax的出现 2005年， JesseJamesGarrett提出了Ajax的技术，其全称为 AsynchronousJavascriptandXML，Ajax的核心是 XMLHttpRequest对象 不过在此之后，IE5第一次引入 XHR对象，并支持 ajax技术，后续被所有浏览器支持。 // Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100
1.7K21发布于 2018-09-21 - 来自专栏Java架构师必看
ecshop中ajax的调用原理
1:首先ecshop是如何定义ajax对象的。 ecshop中的ajax对象是在js/transport.js文件中定义的。里面是ajax对象文件。 声明了一个var Ajax = Transport;对象和一个方法Ajax.call = Transport.run; 2:ecshop中ajax可以使用两种方式传递数据．一种是get方式，一种是post Ajax.call( 'user.php? 比如以上代码addToCartResponse 这个函数就是ajax处理结果的回调函数． 5:在ecshop的php代码中，一般是通过get或者post方式来接受函数。比如以下例子,如果接受的是对象。 = '') { Ajax.call('bonus.php?
7.9K50发布于 2021-03-22 - 来自专栏菩提树下的杨过
ExtJs学习笔记(5)_Ajax示例
ExtJs对于Ajax的使用非常简单，看下面的代码: 1.Html页： <! javascript"> Ext.onReady(function() { var fnAjaxDemo = function() { var mydata; Ext.Ajax.request </body> </html> 2.服务端GetData.ashx using System.Web; using System.Web.Services; namespace Ajax_WCF
84760发布于 2018-01-22 - 来自专栏全栈程序员必看
Ajax工作原理及实例「建议收藏」
4、ajax原理和XmlHttpRequest对象 Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面 要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。 XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。 现在，我们对ajax的原理大概可以有一个了解了。 5、ajax的缺点 下面我着重讲一讲ajax的缺陷，因为平时我们大多注意的都是ajax给我们所带来的好处诸如用户体验的提升。而对ajax所带来的缺陷有所忽视。 5、$.ajax()方法详解 jquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。
1.2K10编辑于 2022-09-06 - 来自专栏java大数据
jquery当中Ajax的基础原理是什么？
例 3.1（AjaxPrerequ1.html） <html> <head> <script> /* 马克-to-win：这个例子和jquery没任何关系。就是自己如何从头做一个jquery。the following is a json format, which can have a function as a pair. */ var $={ name:'马克-to-win', getById:function(obj){ return document.getElementById(obj); }, set:function(){ /*下面的$可以换成this,结果是一样的*/ $.getById('show').innerHTML = "哈苏大苏打靠近哈快速地结合看 "+this.name; } } </script>
55730发布于 2021-02-08 - 来自专栏全栈程序员必看
简述ajax的实现原理_空气净化器的原理
而这也让微软感到无比的尴尬，因为早在97年，微软便已经发明了ajax中的关键技术，并且在99年IE5推出之时，它便开始支持XmlHttpRequest对象，并且微软之前已经开始在它的一些产品中应用ajax 5、ajax所包含的技术 大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 6、ajax原理和XmlHttpRequest对象 Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面 要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。 XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。 现在，我们对ajax的原理大概可以有一个了解了。
51220编辑于 2022-10-01 - 来自专栏一个会写诗的程序员的博客
jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法
jQuery ajax - ajax() 方法 http://www.w3school.com.cn/jquery/ajax_ajax.asp jQuery Ajax 参考手册 实例 通过 AJAX 加载一段文本 语法 jQuery.ajax([settings]) 参数 描述 settings 可选。用于配置 Ajax 请求的键值对集合。 这是一个 Ajax 事件。如果返回 false 可以取消本次 ajax 请求。 这是一个 Ajax 事件。 global 类型：Boolean 是否触发全局 AJAX 事件。默认值: true。 设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。
17K30发布于 2018-08-17 - 来自专栏悟空聊架构 | 公众号
30分钟全面解析-图解AJAX原理
三、AJAX提交请求和服务响应的原理 1.代码 客户端HTML代码： <! 2.输入“Jackson0714”然后点击Sumbit按钮，页面不会刷新，在最下面显示"Hello World Jackson0714" 5.AJAX发送请求和服务端返回响应的流程 高清无码图在这里：点我查看大图 5.GET方式将参数暴露在URL中，POST不暴露。 ；现有的解决有：在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等 4.可能破坏浏览器后退按钮的正常行为； 5.一些手持设备（如手机、PAD等）自带的浏览器现在还不能很好的支持Ajax 2.导航 参考资料： 《ASP.NET 4 高级程序设计》 《Head First AJAX》 AJAX工作原理及其优缺点 https://msdn.microsoft.com/zh-cn/library
4.3K121发布于 2018-05-18 - 来自专栏linux基础
AJAX的基本原理及实例解析。
什么是Ajax讨论1075083208 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 XHR对象由IE5率先引入，在IE5中XHR对象是通过MSXML库中一个ActiveX对象实现的，根据IE版本不同可能会遇到不同版本XHR对象，而IE7+与其它现代浏览器均支持原生的XHR对象，在这些浏览器中我们只需使用 } else { 6 // code for IE6, IE5 7 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 8 } XMLHttpRequest 2 xhr.send(); 3 if(xhr.status>=200 && xhr.status<300 || xhr.status==304){ 4 //do something 5 xmlhttp.status==200){ 3 document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 4 } 5
1.3K30发布于 2020-08-10 - 来自专栏Web项目聚集地
HTML5+Ajax实现音乐播放器
myAudio.pause(); $('.btn1').removeClass('m-pause').addClass('m-play'); } 代码二（ajax 获取豆瓣fm音乐）： //获取随机频道信息 function getChannel(){ $.ajax({ url: 'http://api.jirengu.com /将频道ID计入data-id中 getmusic(); } }) } // 通过ajax 获取歌曲 function getmusic(){ $.ajax({ url: 'http://api.jirengu.com/fm/getSong.php myAudio.currentTime == myAudio.duration){ getmusic() } } HTML5中
9.8K40发布于 2018-08-02 - 来自专栏HTML5学堂
HTML5-类库系列 补讲AJAX
HTML5学堂：AJAX主要是两个兼容问题，其一是AJAX请求的创建，其二是加载状态的检测。本文主要讲解AJAX兼容的方法的搭建。 AJAX请求的创建 大部分使用AJAX的人都会使用new XMLHttpRequest()的方法进行AJAX的创建。 IE5是第一款引入AJAX的浏览器，在IE5中，需要通过ActiveX对象实现AJAX功能。 从IE5到IE6（注：IE在早期并非仅仅是整数版本，还存在IE5.5等版本）因此，当时创建AJAX需要遇到MSXML2.XMLHttp、MSXML2.XMLHttp.3.0、MSXML2.XMLHttp 欢迎沟通交流~HTML5学堂
1.1K50发布于 2018-03-12 - 来自专栏技术小讲堂
ASP.NET AJAX(5)__JavaScript原生类型以及Microsoft AJAX Library什么是Microsoft AJAX LibraryObject原生类型Object.pro
什么是Microsoft AJAX Library ASP.NET AJAX的客户端部分 纯客户端框架 提供了JavaScript扩展和基础类库 Object原生类型 ECMAScript Spec中定义 ：一个无序的集合，可以存放任意类型的对象 常作为字典使用 可以使用for-in遍历字典中的每一项 禁止扩展其prototype对象 Miicrosoft AJAX Library并没有扩展Object function() { window.display("a:"+this); } var a = new Array(1, 2, 3, 4, 5) ['+a.join('][')+']':" + '[' + a.join('][') + ']'); a.display(); display("a.slice(2,5) :" + a.slice(2, 5)); display("a.slice(2,-2)" + a.slice(2, -2)); a.display();
1.5K70发布于 2018-03-07 - 来自专栏技术社区
jQuery ajax - ajax()方法
AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。 什么是 AJAX？ 简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。 使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。 关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。 提示：如果没有 jQuery，AJAX 编程还是有些难度的。 编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。 不过，jQuery 团队为我们解决了这个难题，我们只需要一行简单的代码，就可以实现 AJAX 功能。
10.7K20编辑于 2022-06-17
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号