防止在MVC

Question

AJAX調用你好：我將我的項目在asp.net，

基本預期行爲 - 填寫表單名稱，選擇主模塊（下拉列表），選擇子模塊（下拉列表） AJAX通過子模塊下拉的ID，創建（提交）..這將提交所有的值，

現在代碼的行爲 ----填寫表單名稱，選擇主站和子模塊，而選擇從第二個下拉子模塊調用ajax調用和創建操作被調用，所以表單名稱和masterID（從第一個下拉列表中提取）變爲空白......所以我需要防止ajax ca LL打電話給控制器Razor視圖

MyForm的

@using (Html.BeginForm()) 
{ 
    @Html.AntiForgeryToken() 
    @Html.ValidationSummary(true) 

    <fieldset> 
     <legend>Form</legend> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.FormName) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.FormName) 
      @Html.ValidationMessageFor(model => model.FormName) 
     </div> 

     <select id="State" name="state"></select><br /> 
     <p> 
      <input id="sbmt" type="submit" value="Create" /> 
     </p> 
    </fieldset> 
} 

<div> 
    @Html.ActionLink("Back to List", "Index") 
</div> 

我的Ajax調用

$('#State').change(function() { 
      var a = $('#State').val(); 
      var token = $('[name=__RequestVerificationToken]').val(); 
      $.ajax({ 
       url: "/form/create", 
       type: "POST", 
       data: { __RequestVerificationToken: token, 'SubID': a } 
      }); 

     }); 

我控制器

[HttpPost] 
     [ValidateAntiForgeryToken] 
     public ActionResult Create(Form form, int SubID) 
     { 
      if (ModelState.IsValid) 
      { 
       form.CreatedBy = 1; 
       form.SubId = SubID; 
       form.CreatedDate = DateTime.Now; 
       form.ModifyBy = 1; 
       form.ModifyDate = DateTime.Now; 
       form.IsActive = true; 
       form.IsDeleted = false; 
       db.Forms.Add(form); 
       db.SaveChanges(); 
       return RedirectToAction("Index"); 
      } 

      ViewBag.MasterID = new SelectList(db.Departments, "MasterId", "ModuleName", form.MasterID); 
      return View(form); 
     } 

Answer 1

從註釋中，您希望能夠在提交表單時回發選定狀態的值。最好的辦法是使用包括財產SubId視圖模型，並結合您的dropdownlist到屬性（在SubId參數你POST方法則沒有必要。

@Html.DropDownListFor(m => m.SubId, ....) 

另一種方法是控制重命名爲SubId所以它的參數相一致的POST方法

<select name="SubId" ...> 

和刪除不必要的JavaScript函數$('#State').change(function() {...

Answer 2

我猜你是使用最簡單的方法MVC的Ajax助手。改變你的形式，像這樣：

@using (Ajax.BeginForm("Create", "Home", null, new AjaxOptions { OnSuccess = "OnSuccess" })) 
{ 
... 

並在後面加上一個JavaScript處理程序的onSuccess

function OnSuccess(){ 
    alert("success"); 
} 

這是幾乎沒有的功能代碼只是爲了讓你開始。

PS。請確保您添加了對〜/ Scripts/jquery.unobtrusive-ajax.min.js的引用