- 综合排序
- 最热优先
- 最新优先
- 来自专栏秋落雨微凉Java开发栏
JavaWeb核心篇（6）——Ajax
JavaWeb核心篇（6）——Ajax Ajax(Asynchronous JavaScript And XML)：异步的 JavaScript 和 XML。 var xhttp; if (window.XMLHttpRequest) { xhttp = new XMLHttpRequest(); } else { // code for IE6, (window.XMLHttpRequest) { xhttp = new XMLHttpRequest(); } else { // code for IE6, var xhttp; if (window.XMLHttpRequest) { xhttp = new XMLHttpRequest(); } else { // code for IE6, (window.XMLHttpRequest) { xhttp = new XMLHttpRequest(); } else { // code for IE6,
9.9K30编辑于 2022-10-25 - 来自专栏学习猿地
Web前端学习 第6章 jQuery Ajax 2 Ajax入门
： 1 { 2 "fruit":{ 3 "name":"apple", 4 "weight":"0.5kg", 5 "color":"red" 6 router.get("/", async ctx => { 3 await ctx.render("index") 4 }) 5 router.get("/data", async ctx => { 6 三、封装一个Ajax方法 回调函数 将上面的程序封装到一个myAjax方法，实例代码如下所示，这里需要注意的是，因为Ajax是异步的操作，因此封装的Ajax不能用return获取返回值。 xhr.open(method, url); 4 xhr.send() 5 xhr.onreadystatechange = function () { 6 if let xhr = new XMLHttpRequest(); 4 xhr.open(method, url); 5 xhr.send(); //可以向后台传输数据 6
88610发布于 2020-06-22 - 来自专栏飞鸟的专栏
ES6 Promise封装AJAX请求
当使用Promise封装AJAX请求时，我们可以将AJAX请求的结果作为Promise对象的解决值或拒绝原因，以便更好地管理和处理请求的结果。 语法以下是使用ES6 Promise封装AJAX请求的基本语法：const makeAjaxRequest = (url, method) => { return new Promise((resolve 在执行器函数中执行AJAX请求，并根据请求结果调用resolve或reject。示例让我们通过一个示例来理解如何使用ES6 Promise封装AJAX请求。 reject(new Error('请求发生错误')); // 请求发生错误，调用reject并传递错误信息 }; xhr.send(); });};// 使用Promise封装的AJAX 在Promise的执行器函数中，我们使用XMLHttpRequest对象执行AJAX请求，并根据请求的结果调用resolve或reject。
82410编辑于 2023-05-23 - 来自专栏学习猿地
【融职培训】Web前端学习 第6章 jQuery Ajax 2 Ajax入门
： 1 { 2 "fruit":{ 3 "name":"apple", 4 "weight":"0.5kg", 5 "color":"red" 6 router.get("/", async ctx => { 3 await ctx.render("index") 4 }) 5 router.get("/data", async ctx => { 6 三、封装一个Ajax方法 回调函数 将上面的程序封装到一个myAjax方法，实例代码如下所示，这里需要注意的是，因为Ajax是异步的操作，因此封装的Ajax不能用return获取返回值。 xhr.open(method, url); 4 xhr.send() 5 xhr.onreadystatechange = function () { 6 if let xhr = new XMLHttpRequest(); 4 xhr.open(method, url); 5 xhr.send(); //可以向后台传输数据 6
71320发布于 2020-06-24 - 来自专栏学习猿地
Web前端学习 第6章 jQuery Ajax 3 Ajax第三方模块
一、概述 在上一节的内容中，我们说了如何自己封装一个简易的Ajax方法。 其实在实际项目开发中，我们并不需要自己去封装，已经有很多成熟的Ajax第三方模块了，直接使用即可。 实例代码如下所示： 1 //数据 2 let dataList = ["香蕉","苹果","鸭梨"]; 3 4 //get查看 5 router.get("/fruits", ctx => { 6 get请求查询数据 2 axios.get("/fruits").then( res => { 3 console.log(res.data) 4 } ) 5 //post请求添加数据 6 五、jQuery中的ajax方法 我们之前使用jQuery主要是用来操作DOM，其实jQuery也封装了Ajax方法，实例代码如下所示： 1 $.ajax({ 2 url:"/fruit", 3 type:"get" 4 }).done( res => { 5 console.log(res); 6 }) 如果项目是基于jQuery开发的，jQuery中的Ajax方法可以完全替代
1.3K30发布于 2020-06-22 - 来自专栏一个会写诗的程序员的博客
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 事件。
18.2K30发布于 2018-08-17 - 来自专栏学习猿地
Web前端学习 第6章 jQuery Ajax 1 HTTP协议
示例代码如下所示： 1 //数据 2 let dataList = ["香蕉","苹果","鸭梨"]; 3 4 //get查看 5 router.get("/fruits", ctx => { 6
1K30发布于 2020-06-22 - 来自专栏技术社区
jQuery ajax - ajax()方法
AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。 什么是 AJAX？ 简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。 使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。 关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。 提示：如果没有 jQuery，AJAX 编程还是有些难度的。 编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。 不过，jQuery 团队为我们解决了这个难题，我们只需要一行简单的代码，就可以实现 AJAX 功能。
11.3K20编辑于 2022-06-17 - 来自专栏学习猿地
【融职培训】Web前端学习 第6章 jQuery Ajax 3 Ajax第三方模块
一、概述 在上一节的内容中，我们说了如何自己封装一个简易的Ajax方法。 其实在实际项目开发中，我们并不需要自己去封装，已经有很多成熟的Ajax第三方模块了，直接使用即可。 实例代码如下所示： 1 //数据 2 let dataList = ["香蕉","苹果","鸭梨"]; 3 4 //get查看 5 router.get("/fruits", ctx => { 6 get请求查询数据 2 axios.get("/fruits").then( res => { 3 console.log(res.data) 4 } ) 5 //post请求添加数据 6 五、jQuery中的ajax方法 我们之前使用jQuery主要是用来操作DOM，其实jQuery也封装了Ajax方法，实例代码如下所示： 1 $.ajax({ 2 url:"/fruit", 3 type:"get" 4 }).done( res => { 5 console.log(res); 6 }) 如果项目是基于jQuery开发的，jQuery中的Ajax方法可以完全替代
1.1K20发布于 2020-06-24 - 来自专栏冷环渊的全栈工程师历程
Ajax：初次认识ajax，ajax使用方法
Ajax研究 9.1、简介 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。 9.2、伪造Ajax 我们可以使用前端的一个标签来伪造一个ajax的样子。 jQuery 提供多个与 AJAX 有关的方法。 jQuery Ajax本质就是 XMLHttpRequest，对他进行了封装，方便调用！ jQuery.ajax(...)
7.8K20发布于 2021-10-19 - 来自专栏云计算linux
Ajax之二 Ajax基础
是一组技术的集合，Asp.Net AJAX就是建立在这组技术的基础之上的。 虽然Asp.Net AJAX尽量隐藏了Ajax的技术细节，但是要想明白Asp.Net AJAX能干什么，或者说要想扩展这个框架以便创建所需要的高级应用程序，那么就必须拥有关于Ajax的一些更加深入的知识 下面介绍两个Ajax常用的核心对象，通常用来向Web应用程序提供Ajax行为。即XMLHttpRequest对象，主要负责生成异步的HTTP调用。 由于市场上的大部分浏览器(市场份额约99%)都支持XMLHttpRequest，因此也就有了Ajax兼容的大环境，所以，也意味着几乎人人都可以体验Ajax应用程序了。 项目一：建立Ajax和Asp.Net页面结合的案例 1.
1.1K10编辑于 2024-12-17 - 来自专栏天天
$.ajax()
$.ajax()详解 更加详细的资料查看jQuery参考手册 eg： $.ajax({ //请求方式 type 这是一个Ajax事件 。 complete:function(){ } })
6.3K50发布于 2018-09-29 - 来自专栏CSDN迁移
AJAX
AJAX 一、AJAX 二、 XMLHttpRequest的概述 三、Ajax数据格式 四、JQuery中使用Ajax 五、Ajax使用Jackson 1. 代码 2. 注解 一、AJAX Asynchronous（异步的，不等待的） JavaScript And XML，多个技术联合实现的前端技术产物。 在服务器端，Ajax是一门与语言无关的技术。 this.href; var method = "GET"; //5.调用XMLHttpRequest对象的open方法，准备请求 request.open(method, url); //6. 四、JQuery中使用Ajax JQuery对Ajax进行了封装，最底层方法.ajax()，第二层是load()，.get()和.post()，第三层是.getScript()和 //load方法，加载后的数据是 （6）@JsonPropertyOrder 作用在类上，被用来指明当序列化时需要对属性做排序，它有2个属性。
5.2K30编辑于 2022-10-25 - 来自专栏爱喝水的木子
Ajax
get往服务端发送数据时，把数据写到url中，明文发送，可以从地址栏中直接看到，不安全 post往服务端发送数据是，把数据写到header后边，不写在url中，安全性更高 js原生，jquery, ajax 数据 jquery：.get 或则.post发送，参数是(url, json数据{}, 收到应答时的回调函数) 回调函数(服务端应答数据data, 状态码, XMLHttpRequest异步请求对象) ajax : $.ajax() 参数是json对象{url:, type:post/get, data:{}, 回调函数} 回调函数(服务端应答数据data, 状态码, XMLHttpRequest异步请求对象
5.7K20编辑于 2022-01-12 - 来自专栏python3
AJAX
AJAX AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 try{ xmlHttp = new XMLHttpRequest(); } catch (e) { // 适用于IE6 ('ajax回复') 6.注意事项 1.监听函数xmlHttp.onreadystatechange必须要放在xmlHttp对象创建之后，中间不能有其他内容，否则xmlHttp对象就像是不起作用了一样， 实现 $.ajax({ url:'/handle_ajax/', data:{message:'ajax'}, type:'post', success:function 完成json数据发送 $.ajax({ url:'/handle_ajax/', data:{message:'ajax'}, type:'post', success:
5.5K20发布于 2020-01-20 - 来自专栏学习猿地
Web前端学习 第6章 jQuery Ajax 4 跨域请求
所以xyz.com下的js脚本采用ajax读取abc.com里面的文件数据是会被拒绝的。 这是一个用于隔离潜在恶意文件的重要安全机制 二、jsonp原理 Ajax在默认的情况下是不可以跨域的，但是script标签可以通过src属性获取到跨域的js文件。 这里需要注意的是，jsonp本质上并不是Ajax，但是功能很像，所以经常会把jsonp方法和Ajax放在一起讨论 我们现在模拟一个jsonp的示例： 在本地开启两个服务器，端口分别为8080和3000。 require('koa-jsonp') 3 app.use(jsonp()) 4 router.get("/data", ctx => { 5 ctx.body = "hello jsonp" 6 }) 7 8 $.ajax({ 9 url:"http://127.0.0.1:3000/data", 10 dataType:"jsonp" 11 }).done( res =
93230发布于 2020-06-22 - 来自专栏技术小讲堂
ASP.NET AJAX（1）__Microsoft AJAX LibraryASP.NET AJAX（1）__Microsoft AJAX Library
ASP.NET AJAX（1）__Microsoft AJAX Library Microsoft AJAX Library为我们提供的客户端框架，提供的内容大概可以概括为以下的几种: javascript 基础扩展 浏览器兼容层 面向对象类型系统 客户端基础类库 异步通信层 Microsoft AJAX Library为我们提供了javascript基础扩展，一些在javascript Library为我们提供了浏览器兼容层这样一个概念，这样我们就可以不考虑（也不能说完全不考虑，只是这种情况少了很多）浏览器之间对javascript不同的支持，而去使用Microsoft AJAX Library 为我们提供的这一个跨浏览器的支持进行开发，而面向对象类型系统，则提高了我们代码的质量（这里，强调一下：合理使用），在Microsoft AJAX Library中，提供了一些在客户端可以直接使用的基础类库 ，而异步通信层，是把这些对象进行一些封装，然后丰富这些功能，实际上，在ASP.NET AJAX中，几乎所有的客户端和服务器端进行的交互，都是通过这里的异步通信层。
1.7K40发布于 2018-03-07 - 来自专栏捞月亮的小北
AJAX
1.1 作用 AJAX 作用有以下两方面： 与服务器进行数据交换：通过 AJAX 可以给服务器发送请求，服务器将数据直接响应回给浏览器。 而我们学习了 AJAX 后，就可以使用 AJAX 和服务器进行通信，以达到使用 HTML+AJAX 来替换 JSP 页面了。 = new XMLHttpRequest(); } else { // code for IE6, IE5 xhttp = new ActiveXObject("Microsoft.XMLHTTP window.XMLHttpRequest) { xhttp = new XMLHttpRequest(); } else { // code for IE6, /01-ajax-demo1.html ，在 01-ajax-demo1.html 加载的时候就会发送 ajax 请求，效果如下 我们可以通过开发者模式 查看发送的 AJAX 请求
86510编辑于 2023-12-01 - 来自专栏代码世界
AJAX
AJAX简介 我们之前知道的前端向后端发送数据的方式有： GET：地址栏、a标签、Form表单 POST：Form表单 其实AJAX也是一种前端向后端发送数据的方式 AJAX url(r'^ajax_add/', views.ajax_add), url(r'^ajax_demo1/', views.ajax_demo1), ... ] AJAX常见的应用场景 AJAX请求无须刷新整个页面； 因为服务器响应内容不再是整个页面，而是页面中的部分内容，所以AJAX性能高； 缺点： 滥用AJAX，对服务端压力比较大。 ">send_Ajax</button> <script> //$.ajax的两种使用方式: //$.ajax(settings); //$.ajax(url,[ settings]); $(".send_Ajax").click(function(){ $.ajax({ url:"/handle_Ajax
5.3K70发布于 2018-04-12 - 来自专栏vue学习
Ajax
Ajax是无需刷新页面就能够从服务器取得数据的一种方法。
2.5K40发布于 2018-09-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号