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 网页具有以下列表,其中列表中的每个项目表示一个 JSON 对象:-

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

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

4

2 回答 2

2

I believe that's the way to handler events on a list(http://the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH11.php)

this works perfectly for me with a little alteration...

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

Use it this way:

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

Also take a look on those selectors: http://www.w3schools.com/jquery/jquery_selectors.asp

regards :)

于 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">时,将调用您的第二个 ajax。

希望这可以帮助。

于 2012-10-10T08:44:18.960 回答