2

同じJQueryAJAXリクエストを起動するHTML要素（ボタン）がいくつかあります。AJAXリクエストが正常に返されると、AJAXリクエストをトリガーしたHTML要素を更新する必要があります。以下のコードに示すように、myDivのIDを持つアイテムなど、更新する要素のIDをハードコーディングする場合、これを行う方法は理解していますが、に対応する動的IDを処理する方法がわかりません。イベントをトリガーした要素。 

$('body').on(
    'click',
    '#yt25',
    function(){
        jQuery.ajax({
            'type':'POST',
            'data':$("#custom-hazard-form").serialize()+"&ajaxRequest=hazard-form",
            'success':function(data) {
                $('#myDiv').html('This is the new text'),
            }
            'url':'#',
            'cache':false
     });
    return false;
});

1つのオプションは、イベントをトリガーしたHTML要素のIDをajaxリクエストの「data」オプションのキーと値のペアとして送信し、AJAX応答の一部としてクライアントに返すことです。次に、IDを取得して、更新するHTML要素を知ることができます。これを処理するための最良の方法ですか、それとももっと明白なものが欠けていますか？ありがとう。

4

1 に答える 1

0 
$('body').on(
'click',
'#yt25',
function(){
    var _this = this;
    jQuery.ajax({
        'type':'POST',
        'data':$("#custom-hazard-form").serialize()+"&ajaxRequest=hazard-form",
        'success':function(data) {
            $(_this).html('This is the new text'),
        }
        'url':'#',
        'cache':false
 });
return false;
});

ajax リクエストと一緒に送信する必要はありません。これは 1 つのバリエーションです。また、いくつかのクラスを要素に割り当てて、そのクラスでそれらの要素を取得することもできます。

于 2012-06-07T07:52:10.027 に答える