ajax
vvvvv_2
这个作者很懒,什么都没留下…
展开
-
Ajax-请求参数传递
传递get请求参数传递post请求参数html<!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&g原创 2020-08-10 15:41:54 · 544 阅读 · 0 评论 -
Ajax-服务器响应的数据格式
服务器端响应的数据格式在真实的项目中,服务器端大多数情况下会以 JSON 对象作为响应数据的格式。当客户端拿到响应数据时,要将 JSON 数据和 HTML 字符串进行拼接,然后将拼接的结果展示在页面中。在 http 请求与响应的过程中,无论是请求参数还是响应内容,如果是对象类型,最终都会被转换为对象字符串进行传输。 JSON.parse() // 将 json 字符串转换为json对象处理服务器端返回的JSON数据app.js app.get('/responseData',(req,res)原创 2020-08-10 12:50:45 · 271 阅读 · 0 评论 -
Ajax函数封装
Ajax函数封装01问题:发送一次请求代码过多,发送多次请求代码冗余且重复。解决方案:将请求代码封装到函数中,发请求时调用函数即可。html: function ajax (options){ //创建ajax对象 var xhr = new XMLHttpRequest() xhr.open(options.type,options.url) xhr.send() //当xhr对象接收完响应数据后出发 xhr.onl原创 2020-07-07 12:11:17 · 364 阅读 · 0 评论 -
Ajax的错误处理
Ajax的错误处理网络畅通,服务器端能接收到请求,服务器端返回的结果不是预期结果。可以判断服务器端返回的状态码,分别进行处理。xhr.status 获取http状态码网络畅通,服务器端没有接收到请求,返回404状态码。检查请求地址是否错误。网络畅通,服务器端能接收到请求,服务器端返回500状态码。服务器端错误,找后端程序员进行沟通。网络中断,请求无法发送到服务器端。会触发xhr对象下面的onerror事件,在onerror事件处理函数中对错误进行处理。...原创 2020-07-07 00:33:07 · 485 阅读 · 0 评论 -
Ajax状态码(获取服务端响应的另一种方式)
Ajax状态码在创建ajax对象,配置ajax对象,发送请求,以及接收完服务器端响应数据,这个过程中的每一个步骤都会对应一个数值,这个数值就是ajax状态码。0:请求未初始化(还没有调用open())1:请求已经建立,但是还没有发送(还没有调用send())2:请求已经发送3:请求正在处理中,通常响应中已经有部分数据可以用了4:响应已经完成,可以获取并使用服务器的响应了获取服务端响应onreadystatechange 事件当 Ajax 状态码发生变化时将自动触发该事件。html :v原创 2020-07-07 00:30:27 · 868 阅读 · 0 评论 -
向服务器传递JSON格式数据
向服务器传递JSON格式数据var xhr = new XMLHttpRequest() xhr.open('post','http://localhost:3000/giveJson') //通过请求头告诉服务器端客户端向服务器端传递的请求参数格式是什么 xhr.setRequestHeader('Content-Type','application/json') //请求参数必须是字符串的形式,所以需要使用stringify转换 var text = ({nam原创 2020-07-07 00:03:46 · 739 阅读 · 0 评论 -
Ajax-实现步骤
1.Ajax的实现步骤app.jsconst express = require('express')const path = require('path')const app = express()//静态资源文件托管app.use(express.static(path.join(__dirname,'public')))app.get('/first',(req,res) => { res.send('hello ajax')})app.listen(3000)原创 2020-07-05 19:15:45 · 102 阅读 · 0 评论