Question

我目前正在研究ajax，我对它很新。我想要实现的是转换我从数据库中获取的数组，我想显示为可点击链接而不是痛苦文本。我的AJAX代码：

    $(document).ready(function()
    {
    $('#target li').click(function()
    {

       $.getJSON("getMakes.php?name="+$(this).text(), success = function(data)

       {
        var item = "";
        for (var i=0; i<data.length; i++)
      {
        item +=  "<li id='" + data[i].toLowerCase() + "'>" + data[i]+ "</li>";


      }
      $("#slctModel").html("");
      $("#slctModel").append(item);
            });

        });
    });

我获得输出的HTML位看起来像这样：

                <div id="slctCat">
                <ul class="b">
                    <li id ="slctModel"></li>
                </ul>
                </div>

纯文本形式的最终输出：

第1项
第2项
第3项

我希望用户能够点击这些项目作为链接... 请帮忙。

Answer 1

在每个a内添加li标记和您的链接。

item += "<li id='" + data[i].toLowerCase() + "'><a href = 'your-link'>" + data[i]+ "</a></li> ";

此外，您应append ul而非li。 $(".b").empty().append(item);

也是如此

我们可以将JSON的数组输出转换为URL

1 个答案: