ajax
关注
分享
扫一扫
小草dym
这个作者很懒，什么都没留下…
展开
-
跨域 || Jsonp
同源策略 同源策略(Same-Origin Policy)最早由 Netscape 公司提出，是浏览器的一种安全策略。 同源： 协议、域名、端口号 必须完全相同。违背同源策略就是跨域。 如何解决跨域 JSONP JSONP是什么 JSONP(JSON with Padding)，是一个非官方的跨域解决方案，纯粹凭借程序员的聪明才智开发出来，只支持 get 请求。 JSONP怎么工作的？ 在网页有一些标签天生具有跨域能力，比如：img 、 link 、iframe scr...原创 2020-11-26 00:05:28 · 132 阅读 · 0 评论 -
fetch 发送 AJAX请求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>fetch 发送 AJAX请求</title> </head> <body> <...原创 2020-11-26 00:06:50 · 168 阅读 · 0 评论 -
axios 发送 AJAX请求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>axios 发送 AJAX请求</title> <script crossorigin="anony...原创 2020-11-26 00:07:12 · 366 阅读 · 0 评论 -
jQuery 发送 AJAX 请求
AJAX请求状态 xhr.readyState 可以用来查看请求当前的状态 参考官方文档的链接：https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/readyState 0: 表示 XMLHttpRequest 实例已经生成，但是 open()方法还没有被调用 1: 表示 send()方法还没有被调用，仍然可以使用 setRequestHeader()，设定 HTTP请求的头信息。 2: 表示 send()方法已经执行，.原创 2020-11-26 00:07:37 · 193 阅读 · 0 评论 -
取消Ajax请求 || Ajax重复请求问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>取消请求</title> </head> <body> <button>点击.原创 2020-11-25 20:33:18 · 338 阅读 · 1 评论 -
Ajax 请求超时与网络异常
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>请求超时与网络异常</title> <style> #result{ ...原创 2020-11-25 20:13:34 · 360 阅读 · 0 评论 -
IE缓存问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>IE缓存问题</title> <style> #result{ ...原创 2020-11-25 19:56:17 · 152 阅读 · 0 评论 -
AJAX-nodemon自动重启工具安装
安装 nodemon npm install -g nodemon原创 2020-11-25 19:42:40 · 140 阅读 · 0 评论 -
JSON响应
response.send(str) 服务器发送的响应体 xhr.response 客户端接收的响应体 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...原创 2020-11-25 19:27:11 · 436 阅读 · 0 评论 -
AJAX POST 请求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AJAX POST 请求</title> <style> #result{ .原创 2020-11-25 18:55:51 · 362 阅读 · 0 评论 -
AJAX GET的请求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AJAX GET 请求</title> <style> #result{ .原创 2020-11-25 14:43:10 · 103 阅读 · 0 评论 -
Express 的简单使用
//1. 引入express const express = require('express'); //2. 创建应用对象 const app = express(); //3. 创建路由规则 // request 是对请求报文的封装 // response 是对响应报文的封装 app.get('/', (request, response)=>{ //设置响应 response.send('HELLO EXPRESS'); }); //4. 监听端口启动服务 app...原创 2020-11-25 13:57:10 · 1007 阅读 · 0 评论 -
HTTP的详解
HTTP（hypertext transport protocol）协议『超文本传输协议』，协议详细规定了浏览器和万维网服务器之间互相通信的规则。约定, 规则原创 2020-11-25 12:49:59 · 183 阅读 · 0 评论 -
原生 AJAX的相关介绍
AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。 通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。 AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。 XML 简介 XML 可扩展标记语言。 XML 被设计用来传输和存储数据。 XML 和 HTML 类似，不同的是 HTML 中都是预定义标签，而 XML 中没有预定义标签， 全都是自定义标签，用来表原创 2020-11-25 12:19:01 · 117 阅读 · 0 评论 -
Ajax 基础——未完待续
传统网站中存在的问题 网速慢的情况下，页面加载时间长，用户只能等待 表单提交后，如果一项内容不合格，需要重新填写所有表单内容 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间 Ajax 概述 它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。 Ajax 的应用场景 页面上拉加载更多数据 列表数据无刷新分页 表单项离开焦点数据验证 搜...原创 2020-04-24 01:44:02 · 155 阅读 · 0 评论 -
AJAX ||JQeury实现方式||原生的JS实现方式（了解）
AJAX 1. 概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 ...原创 2020-02-25 11:04:05 · 137 阅读 · 0 评论