jQuery向webApi提交post json数据
更新时间：2017年01月16日 11:41:12 投稿：mrr
这篇文章主要介绍了jQuery向webApi提交post json数据的方法，非常不错，需要的的朋友参考下
在页面想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数据，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
首次接触jQuery是在2008年，上地的一家小公司。当时的版本是1.1，在此之前我仅接触过Prototype.js。2011-06-06
这篇文章主要介绍通过jQuery切换网页皮肤并将状态保存到Cookie的相关代码,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了jQuery基本过滤选择器用法,结合实例形式分析了jQuery中:first、:last、:not、:even、:odd、:eq、:gt等基本过滤选择器的使用方法,需要的朋友可以参考下2016-09-09
JQuery 中没有文本框高亮显示这个插件，自己今天写了一个Plugin，把代码贴出来分享一下2011-04-04
jQuery.cookie.js实现记录最近浏览过的商品功能示例
这篇文章主要介绍了jQuery.cookie.js实现记录最近浏览过的商品功能,结合实例形式分析了基于jQuery.cookie.js插件创建cookie及保存浏览记录的操作技巧,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了jQuery遍历Table的具体实现,需要的朋友可以参考下2014-04-04
下面小编就为大家带来一篇Jquery获取第一个子元素简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
当大家进行复杂功能设计的时候，在对多级联选择进行设计，为了获得更好的用户体验和节省页面空间，往往会使用弹出层的方法。2010-11-11
本文分为jsp代码和后台代码给大家介绍了基于jQuery实现的Ajax 验证用户名唯一性，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-06-06
这篇文章主要介绍了jQuery实现手机自定义弹出输入框 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
最新评论