一、Ajax概述 1．什么是同步，什么是异步 同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待 卡死状态 异步现象：客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随 意做其他事情，不会被卡死
//step1.创建XMLHTTPRequest对象,对于低版本的IE，需要换一个ActiveXObject对象
axios() 是用来发送异步请求的，小括号中使用 js 对象传递请求相关的参数：
参考： http://www.w3cschool.cc/jquery/jquery-tutorial.html
注意：这里需要注意的是button的type不能写submit，因为写了submit就直接使用get请求/query/了，而没有执行ajax请求。
为了方便我采用 Python Flask 编写 API，如果有其他 api 服务搭建的同学，可以移步：四种方式搭建 API，总有一款适合你
在使用jq发送ajax到后台时默认是异步请求，会在发送ajax请求的同时继续执行下面的js代码，如果下面的js代码需要使用到ajax传输过来的参数时，就会获取不到，这个时候就应该把异步请求改为同步请求，只有ajax请求响应完成之后才会继续执行下面的ajax代码，例如：
ajax只能请求同一个域下的数据或资源，有时候需要跨域请求数据，就需要用到jsonp技术，jsonp可以跨域请求数据，它的原理主要是利用了<script>标签可以跨域链接资源的特性。jsonp和ajax原理完全不一样，不过jquery将它们封装成同一个函数。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/156982.html原文链接：https://javaforall.cn
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。
对于静态网页，我们只需要访问对应的URL就可以获得全部的数据了，动态网页则没有这么简单。比如以下网站
百度于2020年12月12日发送了一则令人叹息的消息提醒：普通收录工具-自动推送入口下线。已经快要一年了，这个工具也没有再次上线。虽然push.js仍然能够访问，但是接口早已关闭，所以已经没什么用。为了再次重现这个功能，并且在前端显示文章是否收录，推送成功，推送失败，我决定利用已有知识，重写自动推送功能，实现访问文章即可自动推送文章到百度站长。
********************************** ajax *********************************
1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。
AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。、
Ajax(Asynchronous JavaScript And XML)：异步的 JavaScript 和 XML。
AJAX是一门很重要的技术，主要作用就是增强用户的体验。AJAX全名为：ASynchronous JavaScript And XML，异步的JavaScript和XML。其中同步和异步的差异，以客户端向服务器发送请求及服务器响应的过程，简单说明下：
AJAX (Asynchronous JavaScript And XML)：异步的 JavaScript 和 XML。
先了解JSON 什么是JSON？ JSON 指的是JavaScript对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式 JSON 独立于语言 JSON 具有自我描述性，更易理解 JSON 使用JavaScript语法来描述数据对象，但是JSON仍然独立与语言和平台。JSON解释器和JSON库支持许多不同的编程语言。 它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次
我的博客在导航栏中有一个在线工具跳转，博客中提供了一些比较实用的在线工具，最近两天又添加了一个在线工具，作用是可以查询 docker 官方镜像仓库中指定镜像的版本信息，虽然之前写在线工具的时候就已经掌握了 django + jQuery ajax 的用法，但经过这次的工具更新，我对 ajax 的用法又有了更深层次的理解，所以分享一下我的使用经验。
这两天做微信端JS接口，当时遇到的第一个问题就是权限验证的参数请求，当你请求access_token等的时候，就会存在跨域问题：然后在网上查了，采用ajax的jsonp进行跨域请求，后来报错了，返回的结果错误。然后认真看了一下文档，发现ajax的jsonp返回的数据是callback(json),卡到这里。最后同时为了安全的考虑，我就将这一部分的权限验证参数在后端做，然后前端请求，这样就避免了跨域，同时将安全考虑进去了。
Jsonp 的实现原理就是：创建一个回调函数，然后在远程服务上调用这个函数并且将 JSON 数据形式作为参数传递，完成回调。
jQuery 库拥有完整的 Ajax 兼容套件，其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。
跨域是用ajax异步请求时经常遇到的问题,只要协议、域名、端口号其中一个不同，就产生了跨域访问，解决的方法很简单，建议利用XHR2方法，在后台进行操作从而实现跨域支持IE9以上在服务器设置以下2个请求头就可以解决：
前端工程师在做前后端分离的项目的时，有时候接口未开发完成，或者开发环境不允许使用接口，这时候就需要前端工程师自己模拟数据了，模拟数据的方式有很多种，今天给大家介绍一款npm包，Mock.js。
ajax其实就是jQuery中的一个函数而已，它依赖于http协议，默认支持异步传输数据和局部刷新。此处的异步指的是ajax可以在发送数据的时候同时接收数据。它用来做数据交互。需要注意的是：ajax是不和数据库连接的，因为不同语言所基于的协议不同。它和数据库之间通过后端程序员写的应用程序所连接，应用程序提供接口，ajax请求数据接口，通过数据接口向数据库请求数据。
嗨，亲爱的读者们！欢迎来到这篇关于使用 jQuery 中的 ajax() 方法进行 Ajax 请求的博客。在前端开发中，jQuery 提供了简便而强大的工具，其中 ajax() 方法为我们处理异步请求提供了便捷的解决方案。无需手动创建 XMLHttpRequest 对象，只需几行代码，就能完成数据的发送和接收。在这篇文章中，我们将深入探讨 ajax() 方法的使用，同时为你呈现丰富的实例。
什么是Ajax？ Ajax是一种可以与服务器交换数据并更新部分页面内容，同时可以在不让整个网页重新加载的情况下更新网页的一种技术 Ajax请求过程： 1：创建一个异步对象 var xmlHttp = new XMLHttpRequest(); 2：设置请求方式和请求地址 /* 参数顺序，描述 （1）method：请求的类型；GET 或 POST （2）url：文件在服务器上的位置 （3）async：true（异步）或 false（同步） （一般为true，因ajax的精髓就是
ajax是一种传输方式，数据不是提交给ajax，而是 数据 由 ajax提交到后台（并不刷新页面）
这块是web的基础,发web请求大概需要以下几步 1.引用web相关的依赖 2.前端页面引入jquery.js 3.编写ajax请求 4.编写对应的Controller
request.readyState 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪
什么是AJAX，为什么要使用Ajax AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。.、 客户端与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯的技术 AJAX应用和传统Web应用有什么不同？ AJAX应用和传统Web应用有什么不同？ 传统的web前端与后端的交互中，浏览器直接访问Tomcat的Servlet来获取数据。Servlet通过转发把数据发送给浏览器。 当我们使用AJAX之后，浏览器是先把请求发送
现在做成，成功且状态码正确弹框提示「登录成功」，成功但状态码错误弹框提示「登录失败」，ajax发送失败提示「请求失败」
jQuery对Ajax的操作进行了封装。jQuery中.ajax()属于最底层的方法。 先来看一个简单的例子：
发送 POST 其实很简单可以在之前发送 GET 请求的基础上进行更改一些内容即可进行发送 POST 请求了：
异步：客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。
那么在一个企业中，我们要如何去了解用户呢？最直接有效的方式就是了解用户的行为，了解用户在网站中做了什么，呆了多久。而如何去实现这一操作，这就涉及到我们前端的埋点了。
ajax是最早出现发送后端请求的技术，属于原生 js 。ajax使用源码，请点击《原生 ajax 请求详解》查看。一般使用之前，我们都需要把它们封装使用，就以 jQuery 的 ajax 为例。
传统的表单提交，在文本框输入内容后，点击按钮，后台处理完毕后，页面刷新，再回头检查是否刷新结果正确。使用Ajax，在点击sunmit按钮后，立刻进行异步处理，并在页面上快速显示了更新后的结果，这里没有整个页面刷新的问题。
在写Django时候，遇到个错误，这里进行下记录。 都知道Django或者Flask中通过下面这种方式 {%blockjs%}{%endblock%} 能够直接将js代码进行分离，使得单个的Template代码能够大大的减少，但是在某个模板中，如果需要大量的Ajax请求时，这里的block同样会变得很臃肿。 最近遇到的问题： 并且最近在进行Ajax的POST请求时候，遇到Illegal invocation这个错误。查了下，大概就是传递了个对象导致的，但是从自己代码上看，好像没有，因此找了下，发现在进行AJ
jQuery为我们包装简化了常用的请求方法，其中有一个post方法，此方法可以通过 HTTP POST 请求从服务器载入数据。 语法：
Ajax 即 “Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互网页应用的网页开发技术（用来向后台数据库请求获取数据的技术）。
由于浏览器有同略策略，但是<script>标签的src可以跨域，利用这个"漏洞"搞事，具体做法是: 服务端地址(比如 http://api.xxx.com/jsonp.php?callback?ca
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。
比较符合我们使用习惯的，也许是下面这种mock方式,有一个专门的配置文件，管理请求的url和返回值。每个请求对应输出数组中的一个对象，对象的rule属性可以是一个字符串或者一个正则表达式，用来匹配url,对象的res属性则是我们希望的从中请求中拿到的返回的数据 （也许这里面还应该加个type表示请求的类型，但是我这个是mock的最简化版，所以就不加了）
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
