ajax
教练我真的想敲代码
这个作者很懒,什么都没留下…
展开
-
145Vue-fetchAPI基于Promise来实现的+getpostputdelete参数传递+响应式json
基本用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> /* Fetch API 基本用法 */ fetch('http://.原创 2020-08-08 13:59:18 · 284 阅读 · 0 评论 -
127Ajax-全局事件解决网速慢加载等待显示问题+NProgress纳米级进度条
全局事件只要页面中有Ajax请求被发送,对应的全局事件就会被触发.ajaxStart() // 当请求开始发送时触发.ajaxComplete() // 当请求完成时触发一定要绑定到document上 // 当页面中有ajax请求发送时触发 $(document).on('ajaxStart', function () { NProgress.start() }) // 当页面中有ajax请求完成时触发 $(document).on('ajaxC原创 2020-08-03 13:15:26 · 194 阅读 · 0 评论 -
126JQajax-$.ajax()方法、发送jsonp、get、post、表单serialize=121、113
上图jq封装好了ajax,想用可以直接调用接受服务器端传递回来的数据如果是json可以省去转换的步骤// response为服务器端返回的数据// 方法内部会自动将json字符串转换为json对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>$.ajax方法基本使用</title></head><bod原创 2020-08-02 23:18:29 · 167 阅读 · 0 评论 -
125Ajax-withCredentials属性携带cookie信息
withCredentials属性在使用Ajax技术发送跨域请求时,默认情况下不会在请求中携带cookie信息。withCredentials:指定在涉及到跨域请求时,是否携带cookie信息,默认值为falseAccess-Control-Allow-Credentials:true 允许客户端发送请求时携带cookie客户端<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2020-08-02 22:04:30 · 245 阅读 · 0 评论 -
124Ajax-同源非同源、CORS跨域资源共享、第三方request向其他服务器端发送请求
在服务器端做一些配置,服务器端允许你非同源访问你就可以访问,不允许你访问就不可以访问,不同于jsonp模拟ajax客户端不需要操作更改什么,正常ajax访问就可以两张方式1、html直接访问其他服务器端【需要Access-Control-Allow】2、html访问自家服务器端,由自家服务器端通过第三方request在发送请求到其他服务器【服务器之间请求不需要Access-Control-Allow】服务器端// 拦截所有请求app.use((req, res, next) => {原创 2020-08-02 21:31:02 · 211 阅读 · 0 评论 -
122Ajax-Ajax请求限制、同源非同源、JSONP封装是【同步】可以放在html最前面判断是否登陆、ajax是【异步请求】
Ajax请求限制Ajax 只能向自己的服务器发送请求。比如现在有一个A网站、有一个B网站,A网站中的 HTML 文件只能向A网站服务器中发送 Ajax 请求,B网站中的 HTML 文件只能向 B 网站中发送 Ajax 请求,但是 A 网站是不能向 B 网站发送 Ajax请求的,同理,B 网站也不能向 A 网站发送 Ajax请求。同源JSONP解决同源限制<!-- 使用 JSONP 解决同源限制问题jsonp 是 json with padding 的缩写,它不属于 Ajax 请求原创 2020-08-02 14:39:55 · 344 阅读 · 0 评论 -
121Ajax-FormData模拟HTML表单搭配formidable 服务器端接收解析、操作属性值、二进制文件上传=113、115、预览图片=116
FormData 对象的作用1模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中的数据拼接成请求参数的格式。2异步上传二进制文件3Formdata 对象不能用于 get 请求,因为对象需要被传递到 send 方法中,而 get 请求方式的请求参数只能放在请求地址的后面。4服务器端 bodyParser 不能接收客户端向服务器端穿的formdata对象 模块不能解析 formData 对象表单数据,我们需要使用 formidable 模块进行解析使用步骤1. 准备 HTML 表原创 2020-08-02 13:55:43 · 207 阅读 · 0 评论 -
120Ajax-模板引擎客户端ajax请求拼接数据+template.render
模板引擎概述作用:使用模板引擎提供的模板语法,可以将数据和 HTML 拼接起来。官方地址: https://aui.github.io/art-template/zh-cn/index.html安装 npm install art-template --save (这是用在服务器端的)而在浏览器中实时编译需要下载:template-web.js(gzip: 6kb)...原创 2020-08-01 23:29:55 · 194 阅读 · 0 评论 -
119Ajax-ajax错误处理、低版本ie缓存问题、函数封装
ajax错误处理可以判断服务器端返回的状态码,分别进行处理,xhr.status获取http状态码/* 1. 网络畅通,服务器端能接收到请求,服务器端返回的结果不是预期结果。可以判断服务器端返回的状态码,分别进行处理。xhr.status 获取http状态码*//* 2. 网络畅通,服务器端没有接收到请求,返回404状态码。检查请求地址是否错误。*//* 3. 网络畅通,服务器端能接收到请求,服务器端返回500状态码。服务器端错误,找后端程序员进行沟通 *//* 4. 网原创 2020-08-01 22:49:25 · 138 阅读 · 0 评论 -
118Ajax-运行原理及实现、json对象格式数据处理、GET\POST请求参数传递
Ajax 技术需要运行在网站环境中才能生效,当前使用Node创建的服务器作为网站服务器。不要直接打开html不会生效,借助node开启网站服务器,实现静态资源访问功能实现步骤<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script ty原创 2020-08-01 21:36:42 · 303 阅读 · 0 评论