您的位置:首页 > Web前端 > JavaScript

用 ajax + json格式数据更新局部页面

2014-11-14 17:13 417 查看
最近在做一个项目,在用ajax 更新局部视图时,要求用json 格式将数据传到后台,这里我贴出主要的程序代码,前端的代码如下:

$.ajax({
type: "get",

data: { "pageIndex": 1, "pageSize": pagesize, "begindate": beginDate, "enddate": endDate },

dataType: "html",

async: "true",

url: "/Commission/GetPartialConsumption",

success: function (obj) {
// alert(obj);
var old = $("#table-responsive");
old.replaceWith(obj);
$("#ddlPageSize").val(pagesize);
// 重新获取总页数
totalPage = $("#pageTotal").val();
// pagesize = $("#ddlPageSize").val();

if (totalPage > 1) {
display(1, totalPage);
} else {
display(0, totalPage);
}

},

error: function () {
alert("加载失败,请稍后重试! ");
}
});


其中 dataType : "html" 表示的是返回是html格式

在后端,如果是httpget ,要这样接收获取 前端传来的json格式的数据:
// 当前页面号
string pageIndexParam = HttpContext.Request.Params["pageIndex"];

// 每页显示的数据的数量
string pageSizeParam = HttpContext.Request.Params["pageSize"];

//开始日期
string beginDateParam = HttpContext.Request.Params["begindate"];
// 结束日期
string endDateParam = HttpContext.Request.Params["enddate"];


如果是 httppost 的话,就要这样

// 当前页面号
string pageIndexParam = HttpContext.Request.Form["pageIndex"];

// 每页显示的数据的数量
string pageSizeParam = HttpContext.Request.Form["pageSize"];

//开始日期
string beginDateParam = HttpContext.Request.Form["begindate"];
// 结束日期
string endDateParam = HttpContext.Request.Form["enddate"];
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: