如何用 jquery 或 javascript 编写一个 div？答案

【问题标题】：How to write a div with jquery or javascript?如何用 jquery 或 javascript 编写一个 div？
【发布时间】：2015-03-27 16:52:28
【问题描述】：

我正在寻找一种解决方案，使用 Jquery 将一个表（来自 PHP 中的数据库的查询）写入 DIV。我不是在寻找我知道有效的附加方法，但是每次按下执行查询的按钮时，都会将表附加到文档中。这个想法不是每次都加载页面，而是使用 Jquery 选项发送帖子并取回数据。谢谢你。

更新

<script>
var values = {var1: 2, var2:"Hello"};
$.get("phpfile.php", values, function(data) {
    $('#id').append(data);
});

假设脚本是从“onclick()”调用的；我不想每次数据都追加，而只是写在一个div中。

【问题讨论】：

$('#divyouwant').html(html_of_table)?
如果您的问题不是关于如何将元素附加到页面，而是关于如何通过 javascript 与数据库通信，那么您应该重命名问题。
$('#divyouwant').html(html_of_table) 应该只写从响应中接收到的 html/data 吗？

标签： javascript php jquery html

【解决方案1】：

如果我没听错的话，您只想“更新”单个 div 的内容而不是重新加载整个页面，并且此更新包含一个 html 表格？！

为此，您可以使用 jQuery 的 .html() 函数：jQuery html()

此外，您应该检查 jQuery 的 .ajax() 函数的所有选项/参数：jQuery ajax()

示例代码如下所示：

$.ajax(
                    {
                        url: "yourfile.php",
                        cache: false,
                        success: function(htmldata){
                            $("#IdOfYourDiv").html(htmldata);
                        },
                        error: function(jqXHR, status, errorThrown){
                            alert("something went wrong");
                        }
                    }
                );

这将加载例如通过 php 文件 yourfile.php 的回显返回的数据，将其加载到临时变量 htmldata 中并写入/更新 html 内容YourDivID 与新返回的数据。

【讨论】：

【解决方案2】：

1 - 按下按钮时，执行 ajax 获取请求（参见 https://stackoverflow.com/a/5942381/1163786）

2 - 服务器收到请求

3 - 服务器发回 json 响应或 html 片段

4a - json 到达，你开始循环这些元素来构建你想要的 html 结构，然后插入到 dom 中

4b - html 片段到达，您只需将其插入到 dom 的所需位置

返回 JSON 响应还是 HTML 响应由您决定。

对于 4a 和 4b 阅读：

StackOverflow 上已经对这些步骤的每一个部分进行了解释。

【讨论】：