Ajax使用jQuery自动完成

本文关键字：使用 jQuery Ajax | 更新日期: 2023-09-27 18:21:13

我有以下代码从数据库中检索部门名称我在格式化背景和字体颜色等数据的CSS时遇到问题

<script type="text/jscript">
    $(document).ready(function() {
$.ajax({
    type: "POST",
    url: "/AjaxLoad.asmx/GetBrands",
    dataType: "json",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    success: function(data) {
        var datafromServer = data.d.split(":");
        $("[id$='tbBrands']").autocomplete({
            source: datafromServer
        });
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
       alert(textStatus);
    }
});
}
</script>
<div id="ajaxbrands">
    <input id="tbBrands" runat="server" />
</div>

知道如何在每个列表项中添加文本（如<p >或<div>）吗？

Ajax使用jQuery自动完成

我可以考虑两个选项：

1.将其添加到php代码中（如rdlowrey aadvised），例如：

$query = mysql_query("SELECT * FROM brands");
while($brand = mysql_fetch_array($query))
{
 echo "<p>".$brand['name']."</p>";
}

2.使用jquery来完成。"拆分"将字符串转换为子字符串数组。您应该编辑自动完成函数，这样它就会为每个子字符串添加所需的代码。添加函数的代码以获得更多帮助。

好吧，我假设您使用的是.NET，所以，我不会乱处理服务器端代码。您可以将此添加到您的成功回调函数中：

success: function(data) {
        var datafromServer = data.d.split(":");
        for(var item in datafromServer){
           datafromServer[item] = '<p class="whatever">' + datafromServer[item] + '</p>';
        }
        $("[id$='tbBrands']").autocomplete({
            source: datafromServer
        });
    },

添加的for循环将用p、div或其他任何符号围绕数组中的每个项。

相关文章：