2021年01月_LuiChun

10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创原生jsonp发送跨域请求

回到文章总目录同源策略当前打开的浏览器的url和当前页面ajax请求的url一样才叫同源协议，端口，域名三者一样满足同源策略使用jsonp解决跨域script标签本身具备跨域特性,当我直接打开本地simpel.html文件的时候，那么这个文件的路径，端口，域名，都是和服务端不一致的，但是还是能够拿到服务端返回来的数据。下面只是第一个按钮【同源发送ajax】是同源发送下面是示例代码1.创建在teststhirteen文件夹并在这个文件夹里面2.创建simpel.html文件3.创建

2021-01-06 12:16:12 213

原创使用fetch函数发送ajax

回到文章总目录使用fetch函数发送ajax请求MDN文档地址中文文档https://developer.mozilla.org/zh-CN/docs/Web/API/WindowOrWorkerGlobalScope/fetch英文文档https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch在这个网页里面要看英文文档，中文的文档翻译是有问题的fetch函数属于全局对象，我们可以直接去调用

2021-01-05 04:35:45 350

原创 axios框架里面如何使用get,post,通用ajax方法请求。

回到文章总目录本篇文章介绍的内容为axios框架里面如何使用get，post，通用ajax方法请求。axios是目前前端ajax中最热门的工具库，是vue和react官方推荐的ajax工具包作用：1.可以在node.js里面发送请求2.支持Promise API （es6新推出的异步编程的解决方案）3.拦截器机制4.数据转换5.取消请求6.自动转化为json7.安全相关的防护归根结底还是用来发送ajax请求的我们不在npm里面安装了，直接使用cdn链接（直接把链接放到htnl里面）

2021-01-04 20:42:04 309

原创 jQuery里如何使用ajax发送请求

回到文章总目录本篇文章介绍的是在jQuery里如何使用ajax发送请求jquery里面的单纯的get请求和单纯的post请求比较简洁的，也比较简易jquery里面ajax通用方法（自定义个化强）jquery里面ajax通用方法的get请求可以设置（请求类型，参数，头信息）jquery里面ajax通用方法的post请求可以设置（请求类型，参数，头信息，请求体）以下的介绍案例，日常中是绝对够用了。get请求$.get(url,[data],[callback],[type])url:请求的UR

2021-01-04 04:30:42 581

原创 ajax前端取消用户发送重复请求

回到文章总目录ajax重复发送请求发送相同的请求。我们的用户不断点击某个发送请求，服务端响应比较慢或者响应快，都回提升服务端的压力。我们在前端设置好响应机制，减少服务端的压力。前端设置通通的请求，在第二次发送的时候，把第一个请求取消掉，只发送新的第二次请求。接着上一个章节案例二的代码1.创建在testnine文件夹并在这个文件夹里面2.创建simpel.html文件3.创建server.js文件<!DOCTYPE html><html lang="en">&l

2021-01-03 22:31:39 325

原创 ajax取消数据获取

回到文章总目录设置取消获取按钮接着上一个章节的代码1.创建在testeight文件夹并在这个文件夹里面2.创建cancelobain.html文件3.创建server.js文件cancelobain.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w

2021-01-02 06:52:17 171

原创 Ajax网络超时和和网络异常

回到文章总目录Ajax网络超时和和网络异常我们没有办法保证服务端能够快速的返回信息（浏览人数过多，服务器超载，等情况）我们在前端给用户作出友好的提醒。把产品体验做得更好。案例当服务器在两秒内没给浏览器发送结果，那么浏览器的前端作出提示，网络超时。设置内容前端设置，当两秒内没有接收回复响应，那么就提示网络超时。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

2021-01-02 05:19:17 462

原创解决ajax中ie缓存问题(手动添加时间戳)

回到文章总目录本章讲解的是ajax的ie缓存ie浏览器对ajax请求的的结果进行缓存，这会导致ie浏览器ajax请求的的结果（最新返回结果）显示失败，因为它调取了旧的缓存。1.创建在testsix文件夹并在这个文件夹里面2.创建iecache.html文件3.创建server.js文件案例一未添加解决方法iecache.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="

2021-01-02 03:09:43 489

原创 Nodemon包的使用

Nodemon安装之后当我们的js文件修改后（保存）将会自动重其服务端，那么我们就不需要手动去重新停止再重启nodemon是一种工具，可在检测到目录中的文件更改时通过自动重新启动节点应用程序来帮助开发基于node.js的应用程序。文档介绍https://www.npmjs.com/package/nodemon安装命令npm install -g nodemon安装之后那么我们的启动代码为nodemon server.js注意，server.js是我这里的js文件的名字...

2021-01-01 02:30:12 330

原创 ajax中json响应

ajax中json响应在实际工作当中我们向服务端发送请求，服务端返回来的大部分都是json格式的数据本篇文章讲解的是怎么去处理json格式的数据本次使用的按键为下箭头当按键盘按了下箭头按钮则服务端返回数据1.创建在testfive文件夹并在这个文件夹里面2.创建json.html文件3.创建server.js文件案例一制作一个使用的按键为下箭头当按键盘按了下箭头按钮则服务端返回数据json.html文件<!DOCTYPE html><html l

2024-06-17

AI生产图片遇到中文无法设计

2024-06-14

TA创建的收藏夹 TA关注的收藏夹

TA关注的人