簡體   English   中英

使用帶有傳遞參數的jquery重定向到asp.net中的頁面

[英]Redirecting to a page in asp.net using jquery with passing parameters

如何在帶有傳遞參數的jquery腳本中調用C#方法? 我有一個jQuery手風琴,其圖標在后面的代碼中動態實現,一旦用戶單擊該圖標,它便應重定向到某個帶有URL中傳遞參數的頁面。 手風琴內部的數據將從數據庫中填充,例如,當我單擊編輯圖標時,它將重定向到具有該特定記錄ID的編輯頁面。

這是我的jQuery手風琴的樣子:

屏幕截圖

手風琴代碼:

<div id="accordion">
    <h3>Section 1 <span class="ui-icon ui-icon-lightbulb"></span></h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>

單擊jQuery手風琴中的圖標時的代碼示例:

$('span.ui-icon-lightbulb').click(function(e) {
    alert('Lightbulb');
    e.preventDefault();
    e.stopPropagation();
});

它類似於以下href功能

<a href='EditRecord.aspx?recordID=" + record.ID + "'>Edit record</a>

但是如何通過傳遞來自asp.net c#代碼的記錄ID在jquery中做到這一點呢?

過去,我在jQuery / Ajax上使用C#和靜態[Web Methods]取得了成功。 據我public static該方法必須聲明為public static [WebMethod]。

例如:

 [WebMethod]
 public static FooObj GetFooObj ()
 {
     // some code that returns FooObj 
 }

該線程可能是您感興趣的。

ASP.NET從JS AJAX調用非靜態Web方法

謝謝大家,我找到了另一種簡單的方法。

我將其發布,以防萬一有人需要,所以在這里:首先,我將代碼后面的span標簽的ID設置為記錄ID。 然后,我使用e.target.id來獲取span元素的ID,在上一步中,我將其設置為記錄的ID。 最后,我使用var url = "EditRecord.aspx?recordID=" + e.target.id; $(location).attr('href', url); var url = "EditRecord.aspx?recordID=" + e.target.id; $(location).attr('href', url); 重定向到編輯頁面。

  <script>
            $(function () {
                $("#accordion").accordion();
                $('span.ui-icon-pencil').click(function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                    var url = "EditRecord.aspx?recordID=" + e.target.id;
                    $(location).attr('href', url);

                });
            });

   </script>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM