问题描述

asp.net mvc3中的小问题。

asp.net mvc3 中，在view中用jquery的$.post添加数据成功后，用$.get加载所有数据，为什么显示不了$.post的数据呢？
这是页面的js：

$("#dialog-form").dialog({
autoOpen: false,
height: 400,
width: 400,
mode: true,
buttons:
{
'ok': function () {
var name = $("#Name").val();
var sex = $("#Sex").val();
var age = $("#Age").val();
var phone = $("#Phone").val();
$.post("/Person/Add", { "Name": name, "Sex": sex, "Age": age, "Phone": phone }, function (data) {
if (data.Result) {
$.get("/Person/Index");
$("#dialog-form").dialog('close');
}
else {
$("#dialog-message p").html(data.Message);
$("#dialog-message").dialog('open');
}
})
},
'cancel': function () {
$("#dialog-form").dialog('close')
}
}
});

控制器的Add方法：

[HttpPost]
public ActionResult Add(tb_Person p)
{
bool Result = false;
string Message = string.Empty;
try
{
using (var context = new MvcContext())
{
context.Persons.Add(p);
context.SaveChanges();
//return RedirectToAction("Index", context.Persons.ToList());
Result = true;
}
}
catch (Exception ex)
{
Result = false;
Message = ex.Message;
}
var ResultData = new { Result, Message };
return Json(ResultData);
}

后台的index方法：

public ActionResult Index()
{
using (MvcContext context = new MvcContext())
{
return View(context.Persons.ToList());
}
}
为什么显示不了post的数据？
谁有解？

解决方案

$.get("/Person/Index"); 并不进行显示，也不是redirect. 只是从服务器取得数据。

$.get一般这么用，取得页面数据后进行显示。
$.get( "ajax/test.html", function( data ) {
$( ".result" ).html( data );
alert( "Load was performed." );
});

你的Index() controller返回的是view，应该就是处理过的html，可以参考上面的代码进行显示。

一般只是返回数据，例如Person的列表，作为json返回，再在js中进行处理显示。