首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏企鹅号快讯

    AJAX开发教程之$.ajax常用方法详解

    AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分。接下来通过本文给大家介绍ajax一些常用方法,大家有需要可以一起学习。 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。 该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。 data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。

    2K50发布于 2018-03-01
  • 来自专栏网络

    ajax极简教程

    推荐阅读 微服务: springboot系列教程学习 源码:Javaweb练手项目源码下载 调优:十五篇好文回顾 面试笔试:面试笔试整理系列 一、什么是ajax ajax即异步JavaScript和XML 三、ajax实现方式 这里我们不做原生ajax的介绍,因为JQuery对ajax进行了封装。可以用少量的代码实现原生ajax的功能,同时又帮助我们解决了浏览器的兼容问题,没有道理不选它。 $.ajax是对ajax最基础的封装,来看一个简单例子 关键参数介绍: method //数据的提交方式 url //数据的提交url async //是否支持异步刷新,默认是true data 六、ajax的优点 减轻服务器负担,按需要获得数据。 无刷新更新页面,减少用户的实际和心理的等待时间。 更好的用户体验。 减轻宽带的负担。 七、ajax的缺点 ajax对浏览器的兼容性。 ajax局部刷新,所以浏览器的回退功能失效。 对搜索引擎支持不友好。

    2.3K100发布于 2018-01-11
  • 来自专栏若尘的技术专栏

    fastjson +ajax 使用教程

    当页面加载完成后,发送ajax请求 window.onload = function () { // 2. 将集合转换为 JSON 数据 (对象序列化) String jsonString = JSON.toJSONString(brands); // 3. <head> <meta charset="UTF-8"> <title>添加品牌</title> </head> <body> <h3> 添加品牌</h3> <form action="" method="post"> 品牌名称:<input id="brandName" name="brandName 调用 service 添加 brandService.add(brand); // <em>3</em>.

    3.2K50编辑于 2022-03-08
  • 来自专栏前端开发

    前端ajax封装教程

    AJAX(Asynchronous JavaScript and XML)是前端与后端进行异步通信的核心技术。封装AJAX可以提高代码复用性、统一处理错误和优化请求流程。 下面是一个实用的AJAX封装教程,包含完整实现和使用示例。 基础配置首先进行全局配置,设置基础URL、请求头等:import ajax from '. /ajax.js';// 配置基础URLajax.setDefaults({ baseURL: 'https://api.example.com', headers: { 'Authorization error.status === 401) { // 未授权,跳转到登录页 location.href = '/login'; } return error; }});3.

    30000编辑于 2025-08-07
  • 来自专栏睡不着所以学编程

    Ajax笔记(3)-axios

    设置请求头 我们写一个请求头的配置: 现在我们学习ajax提交表单 什么是表单 表单在网页中主要负责数据采集功能,HTML中的<form>标签,就是用来采集用户输入的信息,并通过<form> 的值是get,表示以URL地址的形式,把表单数据交到actionURL enctype 但是表单提交的方式有很多缺点,①页面会发生跳转②页面之前的状态和数据会丢失 解决方案: 表单值负责采集数据,ajax 浏览器规定, A网站的JS,不允许和非同源网站C之间,进行资源的交互,例如: 无法读取非同源网页的cookie,localStorage和indexedDB 无法解除非同源网页的DOM 无法向非同源地址发送ajax 缺点是只支持GET请求,不支持POST请求 CORS: 出现的晚,支持GET和POST请求,缺点是不兼容低版本浏览器(后面学习) JSONP的实现原理 由于浏览器同源策略的限制,网页中无法通过ajax

    1.1K20编辑于 2022-09-20
  • 来自专栏python3

    JQuery Ajax解读(3)

    3.使用post方式进行异步请求:$.post (url,[data],[callback],[type]) url(String):请求的html页的url地址 data(Map):发送至服务器的key Callback):载入成功时候回调函数 type:客户端请求的类型(json或者xml等) 4.通过get方式请求并执行一个javascript:$.get(url,[callback]) 5.JQuery Ajax 事件 局部事件:每次的AJAX请求在方法内部 全局事件:每次的AJAX请求都会触发,它会向DOM中的所有元素广播 6.serialize()与serializeArray() serialize():序列表表格内容为字符串

    43120发布于 2020-01-10
  • 来自专栏老马寒门IT

    原生AJAX请求教程

    ajax 即 Asynchronous Javascript And XML,AJAX 不是一门的新的语言,而是对现有持术的综合利用。本质是在 HTTP 协议的基础上以异步的方式与服务器进行通信. var xhr = new XMLHttpRequest(); xhr.open("GET","/ajax.php? var xhr = new XMLHttpRequest(); xhr.open("POST","/try/ajax/demo_post2.php",true); xhr.setRequestHeader 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成,且响应已就绪 onreadystatechange 每当 readyState 属性改变时,就会调用该函数 请求 封装get请求 /** * Ajax的Get请求辅助方法 * @param {String} url 请求后台的地址 * @param {Function} callback 请求成之后

    3.1K00发布于 2018-07-31
  • 来自专栏全栈程序员必看

    jquery和ajax实战教程_ajax可以跨域吗

    下面介绍使用jQuery来实现一个简单的ajax实例 主要的效果是使用ajax来实现书籍的价格随着书籍的数量变化,有一个增加按钮和一个减少按钮 jsp页面代码 <%@ page language="java DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath %>"> <title>ajax测试页面5</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword<em>3</em>" button" value="-" id ="reduce"> </form> </body> </html> 这是页面的初始效果图 处理ajax

    1.1K10编辑于 2022-09-22
  • 来自专栏wfaceboss

    Ajax Step By Step3

    jQuery 提供了一组用于特定异步加载的方法:$.getScript(),用于加载特定的 JS 文件; $.getJSON(),用于专门加载 JSON 文件。

    87220发布于 2019-04-08
  • Vue3 Ajax(axios)

    Vue 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。 } }, mounted () { axios .get('https://www.runoob.com/try/ajax/json_demo.json') .then lastName: 'Flintstone' } }); // GET 请求远程图片 axios({ method:'get', url:'http://bit.ly/2mTM3nY 覆写掉现有的任意使用 `headers` 设置的自定义 `Authorization`头 auth: { username: "janedoe", password: "s00pers3cret "127.0.0.1", port: 9000, auth: : { username: "mikeymike", password: "rapunz3l

    22910编辑于 2025-12-16
  • 来自专栏python3

    Ajax技术全解(3)

    Ajax技术全解 之三 Ajax适用场景 1.表单驱动的交互 传统的表单提交,在文本框输入内容后,点击按钮,后台处理完毕后,页面刷新,再回头检查是否刷新结果正确。 3.快速的用户与用户间的交流响应 在众多人参与的交流讨论的场景下,最不爽的事情就是让用户一遍又一遍刷新页面以便知道是否有新的讨论出现。 Ajax不适用场景 1.部分简单的表单 虽然表单提交可以从Ajax获取最大的益处,但一个简单的评论表单极少能从Ajax得到什么明显的改善。而一些较少用到的表单提交,Ajax则帮不上什么忙。 3.基本的导航 使用Ajax来做站点内的导航是一个坏主意,为什么不把时间放在让系统程序作的更好上呢? D用户不太清楚现在的数据是新的还是已经更新过的;现有的解决有:在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等; 3.中间过程不能被bookmark。

    2.2K30发布于 2020-01-06
  • 来自专栏全栈程序员必看

    ajax php投票记录功能,PHP 实例 AJAX 投票 | 菜鸟教程

    PHP 实例 – AJAX 投票 AJAX 投票 在下面的实例中,我们将演示一个投票程序,通过它,投票结果在网页不进行刷新的情况下被显示。 你喜欢 PHP 和 AJAX 吗? poll.html 文件代码如下: 菜鸟教程(runoob.com) function getVote(int) { if (window.XMLHttpRequest) { // IE7+, vote=”+int,true); xmlhttp.send(); } 你喜欢 PHP 和 AJAX 吗? 它存储的数据如下所示: 3||4 第一个数字表示 “Yes” 的投票数,第二个数字表示 “No” 的投票数。 注释:请记得只允许您的 Web 服务器来编辑该文本文件。

    8.4K20编辑于 2022-07-28
  • 来自专栏IMWeb前端团队

    JavaScript强化教程——jQuery AJAX 实例

    本文作者:IMWeb 王军 原文出处:IMWeb社区 未经同意,禁止转载 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery AJAX 实例 什么是 AJAXAJAX = 异步 JavaScript和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 获得外部的内容 </body> </html> 点击进入JS强化教程:http://www.h5edu.cn/htm/step/h5edu_44.html

    87610发布于 2019-12-04
  • 来自专栏IMWeb前端团队

    JavaScript强化教程——jQuery AJAX 实例

    本文作者:IMWeb 王军 原文出处:IMWeb社区 未经同意,禁止转载 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery AJAX 实例 什么是 AJAXAJAX = 异步 JavaScript和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 获得外部的内容 </body> </html> 点击进入JS强化教程:http://www.h5edu.cn/htm/step/h5edu_44.html

    1.5K90发布于 2018-01-08
  • 来自专栏技术小讲堂

    ASP.NET AJAX(3)__UpdatePanel

    AsyncPostBackTrigger:指定异步回送的触发器     __PostBackTrigger:指定同步回送的触发器 看一个UpdatePanel的示例 首先在页面中加入一个ScriptManager,这个控件起一个对AJAX DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w<em>3</em>.org/1999/xhtml"> <head runat="server"> <title></title [CDATA[ var hello = new Array(1,2,3); //]]> </script> 2. <script type="text/javascript"> //<! [CDATA[ function alertMessage(){alert('xiaoyaojian');}//]]> </script> 3.

    5.7K50发布于 2018-03-07
  • 来自专栏ops技术分享

    Vue3 Ajax(axios)(下)

    在使用 catch 时,或传递 rejection callback 作为 then 的第二个参数时,响应可以通过 error 对象可被使用。

    1.3K20发布于 2021-07-29
  • 来自专栏西枫里博客

    最简单的AJAX初级教程

    密码:<input type="password" name="user_pass"> 确认密码:<input type="password" name="user_pass1">     接下来看AJAX (window.ActiveXObject){//IE的低版本系类 XHR=new ActiveXObject('Microsoft.XMLHTTP');//之前IE垄断了整个浏览器市场,没遵循W3C id="+username,true);//true:表示异步传输,AJAX就体现在这里了,是异步不是同步 XHR.onreadystatechange=endcheck;//当状态改变时,调用endcheck

    60930发布于 2018-08-02
  • 来自专栏全栈程序员必看

    Ajax教程_ajax是服务器端动态网页技术

    Ajax教程 Ajax能做什么 Ajax是一种异步请求数据的web开发技术,目前主要用于异步,大家都知道,浏览器主线程是单线程的,也就是一次只能干一件事,以Ajax就是让浏览器当主线程完成后去干别的事情 Ajax的应用 以前我们在开发的时候,没有ajax,想要看另一个内容,只能让浏览器跳转到另一个页面,重新加载.导致用户体验很不好,并且由于同一个网站很多内容都一样,导致相同的内容被请求了多次,也浪费了宝贵的时间 .有了Ajax,就是可以让数据在需要时候在加载,比如我有一个展示数据的表格和提交数据的表单,我们可以在提交的时候利用Ajax在不刷新页面的情况下提交到后台,之后让后台给我们一个响应结果,我们可以直接替换到原始的标签 ,这样用户就可以看到更新后的数据,对用户的体验页非常好 Ajax使用 原生Ajax // 创建Ajax let xhr = new XMLHttpRequest(); // 配置请求地址和请求方式 太繁琐,我们一般使用封装后的Ajax,目前常用的有Jquery的$.ajax和axios,还有原生的fetch.

    1.7K30编辑于 2022-09-20
  • 来自专栏ops技术分享

    Vue3 Ajax(axios)(上)

    Vue 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。 response.data) }) 浏览器支持情况 ---- GET 方法 我们可以简单的读取 JSON 数据: const app = { data() { return { info: 'Ajax } }, mounted () { axios .get('https://www.runoob.com/try/ajax/json_demo.json') .then 覆写掉现有的任意使用 `headers` 设置的自定义 `Authorization`头 auth: { username: "janedoe", password: "s00pers3cret host: "127.0.0.1", port: 9000, auth: : { username: "mikeymike", password: "rapunz3l

    2.3K10发布于 2021-07-28
  • 来自专栏PPV课数据科学社区

    pyspider 爬虫教程(二):AJAX 和 HTTP

    在上一篇pyspider 爬虫教程 (1):HTML 和 CSS 选择教程中,我们使用 self.crawl API 抓取豆瓣电影的 HTML 内容,并使用 CSS 选择器解析了一些内容。 在这一篇教程中,我们会讨论这些技术 和 抓取他们的方法。 (英文版:AJAX-and-more-HTTP) AJAX AJAX 是 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)的缩写。 脚本中还有一个使用 PhantomJS渲染的提取版本,将会在下一篇教程中介绍。 HTTP HTTP 是用来传输网页内容的协议。 在前面的教程中,我们已经通过 self.crawl 接口提交了 URL 进行了抓取。这些抓取就是通过 HTTP 协议传输的。

    1.7K70发布于 2018-04-19
领券