jQuery Ajax調用錨標記單擊+ MVC 4

Question

我有一個視圖，我正在渲染給定路徑中存在的文件夾。

我們以根目錄為參數命中控制器動作，該動作將返回根目錄下的內容（文件夾名，文件名，圖像名等）。 這些詳細信息以文件夾作為錨點呈現到視圖中。

這里的要求是，單擊視圖中的任何文件夾，我們必須執行ajax請求並獲取該文件夾的內容並顯示它。 這里的問題是，要處理jquery中的click事件，我沒有錨定ID。 即使我將ID呈現給錨點，由於文件夾數量的變化，它們也不總是一樣。

那么我該如何在jquery中處理這些ajax調用。

有可能嗎？還是只需要單擊錨點就可以發出正常請求？

請指教..

編輯：我的看法

@model IVM
@{

ImgFolder imgFolder = Model.ViewModel as ImgFolder;
string dirName, fileName;

}

@{Uri uri = Request.Url;}

@*Show the current directory name using page URL. *@
<h2>@Server.UrlDecode(uri.Segments.Last())</h2>


<ul>
    @*Listing the directories *@
    @foreach (var folder in imgFolder.Folders)
    {
        dirName = new DirectoryInfo(folder).Name;


        <li>

            <a class="imagefolder" title="@dirName">@dirName</a>


        </li>


    }

    @* Listing files *@
    @foreach (var file in imgFolder.Files)
    {
        fileName = Path.GetFileName(file);
        <li>
            <a href="@(uri.AbsolutePath + fileName)" title="@fileName" target="_blank">@fileName</a>
        </li>
    }
</ul>

Answer 1

在根ul上添加一個類：

<ul class="directories">
    @*Listing the directories *@

並編寫如下的jquery事件：

$(".directories a").click(function(e){

    e.preventDefault();

    var tagId = this.id // clicked anchor tag id

    var url = $(this).prop("href");

   // send ajax call here

   $.ajax ({


   });


});