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);

}

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