0

今日 JQuery.Ajax を使い始めたばかりで、同じテンプレートで名前を使用して、複数の「a href」タグに同じスクリプトを使用したいと考えています。

「a hrefタグ」の例のリストがある場合:

<a href='#modalbox' id="modalboxUpdateStaff$id1">Some Text</a>
<a href='#modalbox' id="modalboxUpdateStaff$id2">Some Text</a>
<a href='#modalbox' id="modalboxUpdateStaff$id3">Some Text</a>

そして、スクリプトを実行してもらいたい:

    $('#modalboxUpdateStaff').click(function () {
        $.ajax({
            type: "POST",
            url: "Default.aspx/GenerateStaffPositionModalHtml",
            data: "{staffID: 1}",
            contentType: "application/json",
            dataType: "json",
            success: function (msg) {
                // Replace the div's content with the page method's return.
                $("#myCustomModalBody").text(msg.d);
            }
        });
    });

私が通過する場所

$id の値

私のスクリプトに

データ: "{staffID: id}"

それ、どうやったら出来るの？

4

3 に答える 3

0

Derek & Darin の優れた回答に加えて、もう 1 つの方法を追加したいと思います。簡単にするためidに、要素の id に を格納し、 class を使用してすべてのタグを参照することができます。

<a href="#modalbox" class="modalboxUpdateStaff" id="1">Some Text</a>
<a href="#modalbox" class="modalboxUpdateStaff" id="2">Some Text</a>
<a href="#modalbox" class="modalboxUpdateStaff" id="3">Some Text</a>

そのため、ajax呼び出しで、次のように使用できます。

$('.modalboxUpdateStaff').click(function () {
    //var id = $(this).data('id');
    var id= this.id;
    $.ajax({
        type: "POST",
        url: "Default.aspx/GenerateStaffPositionModalHtml",
        data: JSON.stringify({ staffID: id }),
        contentType: "application/json",
        dataType: "json",
        success: function (msg) {
            // Replace the div's content with the page method's return.
            $("#myCustomModalBody").text(msg.d);
        }
    });
});

これは を使用するよりも高速でdata、より多くのコードを節約できると思いますので、どうぞ :)

于 2013-06-23T15:26:46.523 に答える