如何知道哪個元素調用ajax請求

Question

我只想獲取調用ajax請求的html元素的id，所以我可以在控制器函數中使用這些數據。

這是視圖：

@model CmsSite.Models.SideBarData 

@{ 
    ViewBag.Title = "Home Page"; 
} 
@section featured { 
    <section class="featured"> 
     <div class="content-wrapper"> 
      <hgroup class="title"> 
       <h1>@ViewBag.Title.</h1> 
       <h2>@ViewBag.Message</h2> 
      </hgroup> 
     </div> 
    </section> 
} 
<h3>We suggest the following:</h3> 

<aside id="sidebar"> 
@using (Html.BeginForm("ShowContent", "SideBar")) 
{ 
     <input id="side_bar_manage_categoty" name="side_bar_manage_categoty" class="post-transaction" type="submit" value="Manage Categorys" /> 
     <input name="side_bar_manage_products" class="post-transaction" type="submit" value="Manage Products" /> 
     <input name="side_bar_manage_users" class="post-transaction" type="submit" value="Manage Users" /> 
     <input name="side_bar_Watch_sales" class="post-transaction" type="submit" value="Watch Sales" /> 
     <input name="side_bar_change_site_appearance" class="post-transaction" type="submit" value="Change Site Appearance" /> 
} 
     </aside> 
<div ><p class="content"></p></div> 

    <script id="ajax-request-result" type="application/html-template">    
     <div class="content">{{request_result}}</div> 
    </script> 

@section Scripts { 
    <script type="text/javascript"> 
     $(function() { 
      $('.post-transaction').on("click", function() { 

       var form = $(this).parent("form"); 

       $.ajax({ 
        type: "POST", 
        url: form.attr('action'), 
        data: form.serialize() 
       }) 
        .success(function (data) { 
         var template = $("#ajax-request-result").clone().html(); 

         var html = 
          template 
            .replace("{{request_result}}", data.request_result); 
         $(".content").replaceWith(html); 

        }) 
        .error(function() { 
         alert("Your bid has been rejected"); 
        }); 

       return false; 
      }); 
     }); 
    </script> 
} 

這與獲取Ajax請求的方法的位指示：

[HttpPost] 
     public ActionResult ShowContent(string side_bar_manage_categoty) 
     { 

      string a = side_bar_manage_categoty; 
      return Json(new 
      { 
       request_result = "Transaction Failed!" 
      }); 
     } 

Answer 1

表單元素需要name屬性。所以，如果你做這樣的事情：

<input id="side_bar_manage_categoty" name="side_bar_manage_categoty" class="post-transaction" type="submit" value="Manage Categorys" /> 
<input id="side_bar_manage_products" name="side_bar_manage_products" class="post-transaction" type="submit" value="Manage Products" /> 

然後這些名字（這是我剛從id屬性複製在這種情況下）將進行服務器上值的FormCollection。所以，如果你的行動看起來是這樣的：

public ActionResult ShowContent(FormCollection collection) 

然後你可以在action方法中檢查collection對象，看它是否有在頁面上任何特定的按鈕，一鍵/值。你甚至可以把它更進一步，並使用MVC的形式結合，以創建強類型的動作方法的參數：

public ActionResult ShowContent(string side_bar_manage_categoty, string side_bar_manage_products) 

在這種情況下，如果單擊該按鈕side_bar_manage_products那麼string將包含值"Manage Categorys"（自這就是input中的value屬性），另一個字符串將是null。如果你點擊另一個按鈕，反之亦然。所以你只要測試非空字符串（string.IsNullOrWhiteSpace()是一個很好的方法來測試），那將是被調用的按鈕。