將模型傳遞給j​​query ajax成功調用

Question

我的jQuery Ajax調用。如何將模型從動作返回到ajax並傳遞給另一個動作。

function ChangeName(id) 
     { 
     var name=$("#name").val(); 
      $.ajax({ 
        cache:false, 
        url: "@Url.Action("EditName", "Order")", 
        data: "Name=" +name+"&Id="+id , 
        type: "POST", 
        success: function (data) { 
        window.location.href=data.Url;//doesnt work passes null model 

              } 
              }); 
     } 


    public ActionResult EditName(string name,int id) 
    { 
     var product= GetProduct(id); 
     product.Name=name; 
     UpdateProduct(product); 

     var model=new ProdModel(){id=id}; 
     return Json(new 
     { 
      Url = Url.Action("Test","Order",new{model=model}) 
     },JsonRequestBehavior.AllowGet); 
    } 



public ActionResult Test(ProdModel model)//Model null 
     { 

      return RedirectToAction("List", "Product"); 
     } 

我試過這個，但沒有得到成功。

Answer 1

試試這個

function ChangeName(id) 
    { 
    var name=$("#name").val(); 
    var params = { 
     Name: name, 
     Id: id 
    }; 
     $.ajax({ 
       cache:false, 
       url: '@Url.Action("EditName", "Order")', 
       data: JSON.stringify(params), 
       type: "POST", 
       success: function (data) { 
       window.location.href=data.Url;//doesnt work passes null model 
       } 
     }); 
    } 


[HttpPost] 
public ActionResult EditName(string name,int id) 
{ 
    var product= GetProduct(id); 
    product.Name=name; 
    UpdateProduct(product); 

    var model=new ProdModel(){id=id}; 
    return Json(new 
    { 
     Url = Url.Action("Test","Order",new{model=product}) 
    },JsonRequestBehavior.AllowGet); 
} 

Answer 2

嘗試如下

在Edit Action嘗試返回模型而不是網址，

public josnResult EditName(string name,int id) 
{ 
    var product= GetProduct(id); 
    product.Name=name; 
    UpdateProduct(product); 

    var model=new ProdModel(){id=id}; 
    return Json(model,JsonRequestBehavior.AllowGet); 
} 

在阿賈克斯成功

然後調用您可以撥打另一個電話到Test Action

$.ajax({ 
      cache:false, 
      url: '@Url.Action("EditName", "Order")', 
      data: JSON.stringify(params), 
      type: "POST", 
      success: function (data) { 
      CallTestAction(data); 
      } 
    }); 

 
var CallTestAction = function(data) { 
     $.ajax({ 
       cache:false, 
       url: '@Url.Action("Test", "Order")', 
       data: {model = data}, 
       type: "POST", 
       success: function (data) { 
       } 
     }); 
};