javascript - 我如何为返回的 Json 动态创建 ajax 链接

Question

我有以下将在页面加载时执行的 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 网页有以下列表，其中列表中的每个项目代表一个 JSON 对象:-

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

但我想要做的不是仅仅在列表中显示 val.packageName，而是动态地为每个 josn 对象创建一个 ajax 链接，当用户点击这个 ajax 链接时调用另一个 API，它是 .../web/json/workflow/process/list?packageId=val.packageName 然后在另一个列表中显示返回的 JSON。但是任何人都可以帮助我如何执行这样的功能吗？BR

Answer 1

我相信这是处理列表中事件的方式(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

问候 :)