Question

我有一个基本列表项，其ID属性具有从数据库中获取的值。

我也在使用jquery将相同的li元素追加到列表

我面临的问题是，如果我决定向li元素添加属性，我将不得不在服务器端代码和JavaScript代码上执行此操作。

我不确定你们中是否有人遇到过这个问题，并提出了解决方案。如果有的话，任何帮助都会受到超级赞赏

这是一个例子。这是我的PHP代码..这只是我的真实代码看起来像

的一个快速而肮脏的例子

<ul id="list_items">
foreach($todo_items as $todo_item{

   //Redundant html <li> tags... any change to the attributes I make here must be made in the jQuery code also to keep it consistent 
   echo "<li id='$todo_item->id'>$todo_item->item</li>";


}
</ul>

<script>

$(document).on("click",".add_todo", function(){

    $("add_new_item.php")

    .done(function(data){

      //A json return would come.. 

      //Redundant html li tags...
     $("#list_items").append("<li id='"+data.id+"'>Test</li>");

);

);

</script>

Answer 1

您从php文件输出的代码采用html格式。您应该能够直接附加HTML代码而无需再次构建它。如果你想构建它的客户端，你不需要在php中回显html代码，你可以只使用json_encode并发送值。

这取决于您是否要生成要附加到服务器端或客户端的HTML。

希望它有所帮助。

编辑：对不起，我第一次没有正确阅读你的代码。可能最简单的方法是使用$ get / $ post。然后它只会调用服务器两次。但是你只需要将代码保存在一个位置。

使用serveride和javascript代码时如何避免冗余的HTML代码

1 个答案: