asp.net mvc ajax 异步刷新例子

时间:2023-03-08 16:39:22
asp.net mvc ajax 异步刷新例子

这几天在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);

}

这样就在点击之后就可以实现页面数据局部更新了 但是地址栏没有发生改变,页面也没有刷新