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 EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
基于jquery的合并table相同单元格的插件(精简版)
Apr 05 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
js实现div拖动动画运行轨迹效果代码分享
Aug 27 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
js中int和string数据类型互相转化实例
Jan 16 Javascript
在Webpack中用url-loader处理图片和字体的问题
Apr 28 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 Javascript
浅谈vue 组件中的setInterval方法和window的不同
Jul 30 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
Aug 07 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 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
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
上传的js验证(图片/文件的扩展名)
2013/04/25 Javascript
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
JavaScript数组常用操作技巧汇总
2014/11/17 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
详解Node.js中exports和module.exports的区别
2017/04/19 Javascript
ReactJs实现树形结构的数据显示的组件的示例
2017/08/18 Javascript
微信小程序图片选择区域裁剪实现方法
2017/12/02 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
[55:32]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第二场
2018/04/05 DOTA
vc6编写python扩展的方法分享
2014/01/17 Python
Python 字典(Dictionary)操作详解
2014/03/11 Python
在python3.5中使用OpenCV的实例讲解
2018/04/02 Python
对pandas中apply函数的用法详解
2018/04/10 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
python如何实现不用装饰器实现登陆器小程序
2019/12/14 Python
python实现加密的方式总结
2020/01/19 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
python中K-means算法基础知识点
2021/01/25 Python
利用HTML5 Canvas API绘制矩形的超级攻略
2016/03/21 HTML / CSS
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
The North Face北面英国官网:美国著名户外品牌
2017/12/13 全球购物
Mankind美国/加拿大:英国领先的男士美容护发用品公司
2018/12/05 全球购物
应届生高等护理求职信
2013/10/12 职场文书
家居装修公司创业计划书范文
2014/03/20 职场文书
出国导师推荐信
2015/03/25 职场文书