1

ページの読み込み時に実行される次のjavaScriptがあります:-

$(document).ready(function () {

    $.ajax({
        type: "GET",
        url: "http://localhost:8080/jw/web/json/workflow/package/list?loginAs=admin",

        dataType: "JSONP",
        // contentType: "application/json; charset=utf-8",
        success: function (result) {
            $.each(result.data, function (key, val) {

                // Format the text to display.
                var str = val.packageName ;
                // Add a list item for the product.
                $('<li/>', { text: str })
                .appendTo($('#products'));

            });
        }
    });
});

asp.net Webページには次のリストがあり、リスト内の各アイテムはJSONオブジェクトを表しています:-

<h1>All Processes</h1>
<ul id="products"/>

しかし、私がやろうとしているのは、単にval.packageNameリストに表示するのではなく、josn オブジェクトごとに ajax リンクを動的に作成し、ユーザーがこの ajax リンクをクリックして別の API を呼び出し.../web/json/workflow/process/list?packageId=val.packageName、返された JSON を別の場所に表示することです。リスト。しかし、そのような機能を実行する方法について誰か助けてもらえますか? ブラジル

4

2 に答える 2

2

それがリストのイベントを処理する方法だと思います( http://the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH11.php )

これは、少し変更するだけで完璧に機能します...

$('ul#products li').click(function(o){
    // alert($(this).text())
    // call your other api here...
});

次のように使用します。

$(document).on('click', 'ul#products li', function(e){
    alert($(this).text());
});

これらのセレクターも見てください: http://www.w3schools.com/jquery/jquery_selectors.asp

よろしく:)

于 2014-04-02T14:29:47.950 に答える
0

フィドルのテスト - http://jsfiddle.net/picklespy/zWQHh/

リスト項目をul上記に追加し、次を JavaScript コードに追加するだけです。

$('ul#products li').click(function(o){
    // alert($(this).text())
    // call your other api here...
});

これにより、 の各リスト項目にクリック ハンドラーが追加され、クリック<ul id="products">すると 2 番目の ajax が呼び出されます。

お役に立てれば。

于 2012-10-10T08:44:18.960 に答える