Ajax学习笔记-请求参数的格式-5

之前，我们的请求参数都是第一种方式，所以需要手动拼接。
现在，又引入了json格式。但是在传递请求参数的时候，参数必须以字符串的形式传递，这是规定。
所以说，在传递之前，还需要把它转化为字符串，需要使用JSON.stringify（）方法。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><script type="text/javascript">var xhr =new XMLHttpRequest()xhr.open('post','http://localhost:3000/json')//通过请求头告诉服务器端：客户端向服务器端传递的请求参数的格式是什么xhr.setRequestHeader('Content-type','application/json')//传递参数必须是字符串格式，也就是需要用JSON.stringify()方法//将json对象转化为字符串xhr.send(JSON.stringify({name:'lisi',age:30}))xhr.onload=function(){console.log(xhr.responseText)}</script></body>
</html>

对应的，服务器端的代码也要做相应的变更。这样处理之后，参数以字符串的形式存放在req.body中。

//拦截所有的请求，对post请求做出处理，把参数存在req.body中
//extended:false 方法内部使用querysyring模块处理请求参数的格式
// app.use(bodyParser.urlencoded({extended:false}))  这段代码是处理旧格式的参数
app.use(bodyParser.json())  //这段代码是处理json格式的参数

然后创建处理这个的路由：

//对应JSON格式的路由
app.post('/json',(req,res)=>{res.send(req.body)
})

得到的效果：

get请求只支持第一种方式。

Ajax学习笔记-请求参数的格式-5相关推荐

AJAX学习笔记（基本使用，请求参数传递，获取服务端响应，错误处理，低版本IE浏览器缓存问题及解决）
1. Ajax实现步骤创建ajax对象 let xhr = new XMLHttpRequest(); 告诉ajax请求地址及请求方式 xhr.open('get','http://www.exam ...
Ajax学习笔记-动力节点-王鹤老师
Ajax学习笔记-动力节点-王鹤老师视频教程来自:https://www.bilibili.com/video/BV15k4y167XM?spm_id_from=333.999.0.0 第一节全局 ...
黑马ajax学习笔记02--art-template模板，自动提示，防抖，三级联动，fromData传参及传文件，同源，jsonp，天气预报，CROS，服务器桥接，withCredential跨域登录
1.模板引擎概述作用:使用模板引擎提供的模板语法,可以将数据和HTML拼接起来实际上是实现在客户端做数据拼接 art-template模板引擎官网:http://aui.github.io/ar ...
史上最详细Ajax学习笔记
1.Ajax快速入门 1.1.AJAX介绍 AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML. 本身不是一种新技术,而是多个技术综合 ...
AJAX学习笔记——发送AJAX的POST请求，模拟from表单提交
关于AJAX发送POST请求,首先演示一个小案例. 当输入用户名:张三,密码:123.点击发送请求按钮这是用post请求模拟的表单提交.接下来看一下如何用AJAX发送POST请求后端代码: @We ...
Ajax学习笔记--- 【xmind 详细展示浏览器与服务器端通信，请求与响应报文】
php和express用来做后端,还是express强大和方便!!! 翻看笔记才知道自己当时下载Fiddler,Wampserver,phpstudy_pro是为了什么,实在不敢说自己学过php 文章 ...
MVC缓存OutPutCache学习笔记 (一) 参数配置
OutPutCache 参数详解 Duration : 缓存时间,以秒为单位,这个除非你的Location=None,可以不添加此属性,其余时候都是必须的. Location : 缓存放置的位置; 该 ...
一、AJAX学习笔记——原生AJAX （ajax简介、XML简介、ajax优缺点、ajax的使用）
第 1 章:原生 AJAX 1.1 AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML. 通过 AJAX 可以在浏览器中向服 ...
C语言学习笔记06-占位符格式、C基本类型及逃逸字符一些细节（附介绍BCD码）
主要整理有关占位符格式与逃逸字符的一些细节朋友们,看栗子--"BCD解码" (文末附BCD码介绍) 一个BCD数的十六进制是0x12(对应二进制表示:0001 0010),它表达 ...
小汪的ajax学习笔记
ajax 1.初识ajax 请求方式 1.get请求 2.post请求 2.1 setRequestHeader参数详解 3.状态码 4.ajax错误处理 5.ie低版本浏览器缓存问题 6.ajax封 ...

Ajax学习笔记-请求参数的格式-5

Ajax学习笔记-请求参数的格式-5相关推荐

最新文章

热门文章