OStack程序员社区-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

Ajax传Jsond Mvc后台接收实例

2022-2-5 16:59| 发布者: 菜鸟教程小白| 查看: 220| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: Ajax传Jsond Mvc后台接收，前后台实现代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助

 
//后台 
[HttpPost] 
public JsonResult CheckStock(IEnumerable<pvIdsCount> pvIds) 
{ 
} 
public class pvIdsCount 
{ 
public int pvId { set; get; } 
public int count { set; get; } 
} 
//前台 
$(document).ready(function () { 
$('#checkout').click(function () 
{ 
var productIdCounntList = []; 
var allPvId = $(".productVariantIdAll"); 
$.each(allPvId, function (index, data) { 
var productIdCounnt = { pvId: data.getAttribute("data-Id"), count: data.getAttribute("data-Count")}; 
productIdCounntList.push(productIdCounnt); 
}); 
$.ajax({ 
url:"@Url.Action("CheckStock")", 
type:"POST", //复杂对象传值用Post， 
data: JSON.stringify ({ pvIds: productIdCounntList }), //SON.stringify ---must 用来序列化 
dataType: "json", 
contentType: 'application/json; charset=utf-8', //must 
error: function () { 
alert("1"); 
}, 
success: function (data) { 
} 