Ajax.BeginForm刷新部分..？

好了，所以，我有一個用ajax提交表單...Ajax.BeginForm刷新部分..？

<% using(Ajax.BeginForm(new AjaxOptions() { OnBegin="onBegin", OnSuccess = "onSuccess", OnFailure="onFailure" })) { %>

在服務器端，我傳遞從控制器JSON對象回來。現在，當OnSuccess事件觸發時，我可以通過使用「result.get_response（）。get_object（）」來獲得Json對象...我的問題是，我需要能夠刷新頁面上的部分與在Json對象中的項目列表...

關於如何做到這一點的想法..？

來源

2009-02-03 Jason

爲要顯示的項目列表創建用戶控件，並通過將json數據傳遞給UC來將其呈現爲部分。這將部分刷新

來源

2009-02-04 05:45:39 viren

你能舉個例子嗎。我不確定如何在提交表單後將json數據傳遞給UC ... – Jason 2009-02-04 16:05:39

使用jQuery，並旋轉返回的JSON對象，構建任何你喜歡的東西。

例子：

$.each(json, function(i, item) { 
     //Add a dinner to the list on the right 
     $('#dinnerList').append($('<li/>') 
           .attr("class", "dinnerItem") 
           .append($('<a/>').attr("href", "/Dinners/Details/" + item.ID) 
           .html(item.Name)).append("SomeThing")); 
    });

來源

2009-02-26 06:26:44

我想下面的代碼可以理解。

首先，用創建一個ajax表單 - RefreshAjaxList：當前控制器的名稱ajax動作。 - string.empty（可選） - ajax選項。 - 表單ID（可選） - 點擊狀態時，我們將編輯狀態調用服務器來更新狀態。 - 編輯狀態後，我們調用提交按鈕來調用RefreshAjaxList。按鈕是「顯示：無」 - 在本例中，我有一個控制器：AjaxController用2個操作：

enter code here 
    public ActionResult UpdateStatus(int contactId, Status contactStatus) 
    { 
     ContactRepository repo = new ContactRepository(); 
     repo.UpdateStatus(contactId, contactStatus); 
     return Json("success:true"); 
    } 
    [AcceptVerbs(HttpVerbs.Post)] 
    [ActionName("RefreshAjaxList")] 
    public ActionResult RefreshContact() 
    { 
     ContactRepository repo = new ContactRepository(); 
     IList<Contact> list = repo.List(); 
     return PartialView("AjaxUc/AjaxList", repo.List()); 
    }

變種狀態= {活性：1，不活動的：0}; function editStatus（cell，id，active）{ if（active） cell.innerHTML =「Active」+ 「Inactive」; 其他單元格。innerHTML =「有效」+ 「無效」; }

function updateStatus(radio, id, active) { 
    if (radio.checked != active) { 
     if (confirm("Do you want to change the status of the contract?")) { 
      if (active) 
       cStatus = status.active; 
      else 
       cStatus = status.inactive; 
      $.ajax({ 
       url: 'Ajax/UpdateStatus', 
       dataType: "json", 
       data: { contactId: id, contactStatus: cStatus }, 
       success: function(html) { 
        jQuery("#divAjaxList").submit(); 
       }, 
       error: function(request, desc, ex) { 
        alert(desc); 
       } 
      }); 
     } 
    } 
}

標識姓名字電話電子郵件狀態 | ，）;「>

欲瞭解更多信息，請發郵件到[email protected]作進一步討論。

希望這可以幫助你。

來源

2009-06-15 10:06:09

你也可以用JTemplate來渲染JSON數據

來源

2010-01-13 15:31:03

Ajax.BeginForm刷新部分..？

回答

相關問題