Question

所以我有这个页面，基本上是按一下按钮，我想从另一个HTML文件（或ASP或PHP，等等）中检索一个列表，并将其添加到我已有的列表中。我不知道该怎么做。有什么想法吗？

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>autocomplete demo</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>

<body>

    <script>
        $(document).ready(function() {
            var tags = [ "String1", "String2", "String3" ];
            $("button").click(function() {
                $.get("test.html", function(data, status) {

                   <!-- This is where I want to get the list -->
                   <!-- something like: tags.add(list from test.html) -->

                    alert("Data: " + data + "\nStatus: " + status);
                });
            });
        });
    </script>

    <button>Click me</button>

    <div id="result">hello world</div>

</body>

</html>

另外，如果有人能提供一个简单的HTML页面，我将创建一个虚拟字符串列表供我测试吗？谢谢！

Answer 1

如果你真的得到一个值列表，你必须首先使用

将列表转换为数组

tags2 = "String4,String5,String6".split(",");

然后是javascript＆＃39; concat方法

result = tags.concat(tags2);

Answer 2

好的，我是这么认为的。

你可以这样做：

$.get("test.html", function (data, status) {
    $(data).filter("#id_of_ul_for_example").find("li").each(function () {
        var val = $(this).text();
        tags.push(val);
    });
});

在这个小提琴中我不得不使用post而不是get，因为jsFiddle ajax请求... http://jsfiddle.net/vxm1ugee/2/

希望它有所帮助。

如何使用HTML中的jQuery.get（）方法检索列表

2 个答案: