AJAX
小小小竹子
这个作者很懒,什么都没留下…
展开
-
fetch函数发送ajax请求
fetch函数发送ajax请求小示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-11-05 14:03:10 · 240 阅读 · 0 评论 -
使用axios发送ajax请求
使用axios发送ajax请求小示例(axios基于promise)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <s原创 2020-11-05 13:32:20 · 534 阅读 · 0 评论 -
jQuery发送Ajax请求
jQuery发送Ajax请求小示例前端发送:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="原创 2020-11-05 11:31:03 · 252 阅读 · 0 评论 -
解决ajax重复发送相同请求的问题
重复的相同请求会让服务器压力很大,所以在发送请求前,要判断之前有没有过该请求,如果有,则终止上次该请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti原创 2020-11-04 17:50:18 · 755 阅读 · 0 评论 -
ajax取消发送请求
abort() 方法可以手动取消请求 xhr.abort();小案例,小需求:点击"发送请求"发送请求,点击"取消请求"取消发送请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2020-11-04 17:42:57 · 399 阅读 · 0 评论 -
设置ajax请求超时和网络异常
通过 xhr.timeout 来设置超时时间,然后调用超时回调函数const xhr = new XMLHttpRequest();//设置请求超时时间 如果在设置时间内 服务端还没有返回数据 则提示请求超时xhr.timeout = 2000; // 2秒超时 会中断(取消)本次请求//超时回调xhr.ontimeout = function(){ alert("请求超时,请稍后重试...");}//网络异常回调(比如掉线)xhr.onerror = functio原创 2020-11-04 17:33:36 · 1387 阅读 · 0 评论 -
解决ie对ajax请求的结果进行缓存的问题
问题描述: IE浏览器会对ajax请求的结果进行缓存 导致下次再发送同样请求的时候得到的数据是IE本地缓存的数据 而不是最新数据解决办法: 在请求地址(URL)后面跟上时间戳 : Date.now(), 这样每次请求的url都不一样 让每一次发送的请求都是新的请求 使得它不走本地缓存而直接去服务器拿数据,保证每次拿到的都是最新数据如何加时间戳: 在路径后面原创 2020-11-04 16:45:36 · 281 阅读 · 0 评论 -
服务端响应 JSON 数据
思想: 服务端: 将数据转为字符串的形式响应: JSON.stringify() 前端: 拿到服务端响应的字符串结果,把它解析为原来的对象形式:JSON.parse()上代码: &nbs原创 2020-11-04 16:26:58 · 499 阅读 · 0 评论 -
Ajax 发送 post请求案例
需求 :鼠标放在div上的时候 向服务端发post请求 把响应结果在div中呈现html部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ajax post</titl原创 2020-11-04 14:21:09 · 590 阅读 · 0 评论 -
创建ajax发送请求的基本步骤
创建ajax发送请求的基本步骤:get请求://1 创建xhr对象const xhr = new XMLHttpRequest();//2 初始化设置请求方式和url//?a=1&b=2 跟在url后面 ?后面是参数(get请求参数跟在url后面)//xhr.open('get','http://127.0.0.1:8000/server?a=1&b=2');xhr.open('get','http://127.0.0.1:8000/server');//3 发送xhr原创 2020-11-04 14:09:23 · 412 阅读 · 0 评论 -
Ajax 发送 get 请求案例
Ajax 发送 get 请求案例首先要在服务端配置路由(采用express框架),我自己命名为server.js//1 引入expressconst express = require('express');//2 创建应用对象const app = express();//3 创建路由规则app.get('/server',(request,response)=>{ //设置响应头 设置允许跨域 response.setHeader('Access-Control-原创 2020-11-04 12:01:44 · 321 阅读 · 0 评论