ajax post 表单和 json 字符串

在使用 koa2 的中间件 koa-bodyparser 解析客户端发来的 json 字符串时，发现解析异常，分析后发现，这锅 koa 不背，是发送 post 请求的问题。

【发送表单】

$.ajax({type: "post",url: '/dosomething',data: {'a':'A', 'b':1, 'c': true},success: function (data) {// TODO},error: function () {// TODO}
});

此时，http 请求头里面

Content-Type: application/x-www-form-urlencoded

http 请求的 body，

a=A&b=1&c=true

这种情况下，服务端通常会把所有参数的值解析为字符串。

【发送 json 字符串】

$.ajax({type: "post",url: '/dosomething',data: JSON.stringify({'a':'A', 'b':1, 'c': true}),contentType: 'application/json',    // 这句很重要success: function (data) {// TODO},error: function () {// TODO}
});

此时，http 请求头里面

Content-Type: application/json

http 请求的 body，

{"a":"A","b":1,"c":true}

这种情况下，服务端可以分别解析得到字符串、数字、布尔类型的参数。

*** walker ***

转载于:https://blog.51cto.com/walkerqt/2330741

ajax post 表单和 json 字符串相关推荐

js form表单转json字符串，json数组转json字符串出现多余的双引号问题解决
功能介绍页面展示的是一个用户的基本信息,和该用户对应的几台车辆的信息,车辆的字段属性都一样.然后可以编辑这些信息,再保存到后台.那么就需要考虑将车辆信息转换为json数组类型的字符串 ...
html ajax提交表单实例,Ajax提交表单并接收json实例代码
需求: 实现点击按钮后,数据以表单形式提交至服务器,并接收来自服务器的返回数据.过程中页面不刷新. html代码 xingming: nianling: ajax提交 js代码 function my ...
ajax合并表单,ajax。表单
JQuery读书笔记--JQuery-Form中的ajaxForm和ajaxSubmit的区别 JQuery中的ajaxForm和ajaxSubmit使用差不多功能也差不多.很容易误解. 按照作者的解 ...
VIEW层AJAX提交表单到Controller的实体(AJAX传递序列化的输入元素)
在MVC环境中,AJAX方式添加一个对象,这个对象在Models中是一个视图模型,在前台显示时是这样的代码: <%using (Html.BeginForm()) { %> ...
ajax 模拟表单提交,Ajax模拟Form表单提交，含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
ajax提交表单序列化（serialize()）数据
知识点: $("#form").serialize();将表单数据序列化为标准URL编码文本字符串(key1=value1&key2=value2-). 以下用一个例子来演 ...
AJAX 提交表单以及文件上传
本文转自:https://www.cnblogs.com/zhuxiaojie/p/4783939.html#autoid-0-0-0 作者:朱小杰前言使用ajax请求数据,很多人都会,比如说: ...
JQuery ajax提交表单及表单验证
JQuery ajax提交表单及表单验证博客分类: jsp/html/javascript/ajax/development Kit 开源项目注:经过验证,formValidator只适合一个页面 ...
Form表单序列化Json插件-jquery.serializejson.min.js
Form表单参数序列化成Json对象: 1. 使用serializeJsonObject 2. jquery.serializejson.min.js 1. 使用serializeJsonObject ...

ajax post 表单和 json 字符串

ajax post 表单和 json 字符串相关推荐

最新文章

热门文章