![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ajax
文章平均质量分 72
bikeshedding
一个像素的执着
展开
-
使用FormData上传二进制文件&进度条的制作
1首先获取到上传文件的控件 // 获取文件选择控件 var file = document.getElementById('file');2.获取到文件的方法//文件控件.files[0]返回该文件 file.files[0]3.然后给文件控件添加事件并把文件使用Ajax传递到服务器端注意要用post请求方式file.onchange = function () { // 创建空的formData表单对象 var formData = new FormData(); //原创 2020-07-09 19:40:04 · 456 阅读 · 0 评论 -
FormData的具体应用
使用FormData首先需要有一个form表单 不用写请求地址和请求方式 <!-- 创建普通的html表单 --> <form id="form"> <input type="text" name="username"> <input type="password" name="password"> <input type="button" id="btn" value="提交"> </form>获取元素// 获原创 2020-07-09 19:26:25 · 210 阅读 · 0 评论 -
客户端使用art-template模板引擎的方法
第一步去art-template的官网下载 模板引擎的js库文件并将文件引入到页面中 <!-- 将模板引擎的库文件引入到页面中 --> <script src="../js/template-web.js"></script>第二步写一个script标签并设置id属性<!-- 2.准备art-template模板 --> <!-- id用来区分 --> <script type="text/html" id原创 2020-07-04 21:46:47 · 285 阅读 · 0 评论 -
使用Ajax传递post请求参数
post请求必须在请求报文中明确设置请求的类型 xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');post请求要写在send方法里//post请求要把请求参数写在send方法中 xhr.send(parase);<!DOCTYPE html><html lang="en"><head> <meta charset="UTF原创 2020-07-03 17:54:01 · 3444 阅读 · 0 评论 -
Ajax怎么处理错误
网络畅通,服务器端能接收到请求,服务器端返回的结果不是预期结果。 可以判断服务器端返回的状态码,分别进行处理。xhr.status获取http状态码网络畅通, 服务器端没有接收到请求,返回404状态码。检查请求地址是否错误。网络畅通, 服务器端能接收到请求,服务器端返回500状态码。//Ajax错误处理app.get('/error',(req,res)=>{//要先改状态码再send res.status(400).send('hello');}) var b.原创 2020-07-04 08:41:51 · 624 阅读 · 0 评论 -
利用Ajax状态码获取服务器端的响应
Ajax状态码是什么?在创建Ajax对象,配置Ajax对象,发送请求,以及接收服务端响应数据,这个过程的每一个步骤对应一个数值,这个数值就是Ajax状态码0 未初始化1 请求已经建立但是还没有发送没有调用send2 请求已经发送3 请求正在处理中已经有部分可以用了4 请求已经完成可以获取并使用服务器响应了xhr.readyState // 获取Ajax状态码onreadystatechange //当Ajax状态码发生改变时触发该事件 //创建Ajax对象 var xh原创 2020-07-03 22:50:18 · 281 阅读 · 0 评论 -
Ajax提交json请求
get请求不能提交json设置请求头 告诉服务器端 客户端传递过来的请求参数是json格式 xhr.setRequestHeader('Content-Type','application/json')<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i原创 2020-07-03 19:17:01 · 524 阅读 · 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>Document</title></head><body> <p>原创 2020-07-03 17:34:10 · 7898 阅读 · 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</title></head><body> <s原创 2020-07-03 16:12:08 · 476 阅读 · 0 评论