这几天在asp.net中使用ajax来做异步刷新,这里整理一下
1.首先看前台页面点击的时候调用函数
function shuxin() {
$.ajax(
{
url: "GetValue", //指处理的action
type: "post",
datatype:"json", //指定数据类型
success: function (result) { //返回的结果自动放在resut里面了
var str = " ";
for (var i = 0; i < result.length; i++) { //遍历result
model = result[i]
str += model.OldPassword + ":" + model.NewPassword;
}
alert(str);
}
});
}
这里result是一个集合,里面存放的是ChangePasswordModel集合,对result的值进行遍历时,可以直接用model.NewPassword来取值。
下面是GetValue()方法
public ActionResult GetValue()
{
ChangePasswordModel model1 = new ChangePasswordModel();
model1.OldPassword = "111";
model1.NewPassword = "222";
ChangePasswordModel model2 = new ChangePasswordModel();
model2.OldPassword = "333";
model2.NewPassword = "444";
ChangePasswordModel model3 = new ChangePasswordModel();
model3.OldPassword = "555";
model3.NewPassword = "666";
List<ChangePasswordModel> modellist = new List<ChangePasswordModel>();
modellist.Add(model1);
modellist.Add(model2);
modellist.Add(model3);
//当然具体操作的时候就是调用方法来获取数据库中的值然后返回
return this.Json(modellist);
}
这样就在点击之后就可以实现页面数据局部更新了 但是地址栏没有发生改变,页面也没有刷新