jQuery向webApi提交post json数据


Posted in Javascript onJanuary 16, 2017

在页面想webApi post json数据的时候,发现webapi不能直接以json的方式接受数据(注:我是没有发现一个很好的方式来post json数据的);但是可以以数据结构的方式传递;

如下:

//js代码 
          var d = {
          Id: "1",
          Name: "name",
          Value: "OldValue", 7         };
        $.ajax({
          type: "post",
          url: url1,
          data: JSON.stringify({
            pConfig: d
          }),
          success:function(d){
          }
        });
public class Diff
  {
    public string Id { set; get; }
    public string Name { set; get; }
    public string Value { set; get; }
  }
 public Diff post([FromBody]Diff pConfig)
    {
      List<DiffConfig> s = pConfig;
      return s;
    }

像这样的代码是没有问题的;得到的是一个标准结构的数据;

但是如果改为下面的代码,就会发现没有数据

//js代码 
         var d = [{
           Id: "1",
           Name: "name",
           Value: "Value",
         },{
           Id: "2",
           Name: "name2",
           Value: "Value2",
         }];
         $.ajax({
          type: "post",
          url: url1,
           data: JSON.stringify({
             pConfig: d
          }),
           success:function(d){
         }
        });
public List<Diff> post([FromBody]List<Diff> diff)
     {
       List<Diff> d = diff;
       return d;
     }

这样的代码会发现,数据没有传过来,后面才发现,原来jq的ajax传输数据类型有问题;传输的数据类型contentType的默认值为 "application/x-www-form-urlencoded"。默认值适合大多数情况。但是却不能适应这次传输的值,把   contentType: 'application/json' 设置一下,就可以ok了;数据传输完全没有问题;

$.ajax({
      type: "post",
      dataType: 'json',
      url: url,
      contentType: 'application/json',
      data: JSON.stringify(d),
      success: function (d) {
       
      }
    });

以上所述是小编给大家介绍的jQuery向webApi提交post json数据,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 插件实现图片延迟加载效果代码
Feb 06 Javascript
基于jquery的动态创建表格的插件
Apr 05 Javascript
Javascript/Jquery——简单定时器的多种实现方法
Jul 03 Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 Javascript
JavaScript编写推箱子游戏
Jul 07 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
Jul 05 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 Javascript
基于JavaScript实现轮播图原理及示例
Apr 10 Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 Javascript
vue之debounce属性被移除及处理详解
Nov 13 Javascript
js实现浏览器打印功能的示例代码
Jul 15 Javascript
javascript实现计算器功能详解流程
Nov 01 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
Jan 16 #Javascript
jQuery插件扩展操作入门示例
Jan 16 #Javascript
jQuery插件版本冲突的处理方法分析
Jan 16 #Javascript
js实现带缓动动画的导航栏效果
Jan 16 #Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 #Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 #Javascript
JavaScript日期选择功能示例
Jan 16 #Javascript
You might like
PHP 上传文件大小限制
2009/07/05 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
javascript 页面只自动刷新一次
2009/07/10 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
2017/05/26 Javascript
ES6下子组件调用父组件的方法(推荐)
2018/02/23 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
js实现纯前端压缩图片
2020/11/16 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
[49:05]Newbee vs TNC 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python处理JSON时的值报错及编码报错的两则解决实录
2016/06/26 Python
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
对python中的logger模块全面讲解
2018/04/28 Python
django输出html内容的实例
2018/05/27 Python
如何用Python合并lmdb文件
2018/07/02 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
html5 canvas简单封装一个echarts实现不了的饼图
2018/06/12 HTML / CSS
什么是跨站脚本攻击
2014/12/11 面试题
应届生护士求职信
2013/11/01 职场文书
《一个中国孩子的呼声》教学反思
2014/02/12 职场文书
党员个人批评与自我批评
2014/10/14 职场文书
先进事迹材料范文
2014/12/29 职场文书
2015年大学生工作总结
2015/04/21 职场文书
浅谈JS的原型和原型链
2021/06/04 Javascript
mysql sum(if())和count(if())的用法说明
2022/01/18 MySQL