使用javascript/jquery/php更新div的内容

我目前正在制作一个网页，希望用户根据选择的结果查看不同的数据库结果。结果可以通过按钮选择，也可以通过手动输入文本区域的查询选择

我已经连接到数据库，并在外部PHP脚本中设置了所有内容，我目前正在使用“require”链接到我的站点。 在这个PHP脚本中，我有一个“query”变量

我希望这个变量取决于用户输入的值

我想这应该可以通过在javascript中使用某种$query=$POST['entry']和某种Ajax调用来实现？我只是不知道这整件事该怎么组合

如果我们假设我的菜单和容器看起来像这样，其中getData.php是$query变量所在的位置，返回数据库数据的是什么

<div id="menu">
    <textarea class="queryText" name="queryText" placeholder="Enter the query..."></textarea>
    <input class="menuButt" type="button" value="Submit" onclick="JavaScript:ChangeDivVal();"/>

</div>
<div id="container">
    <?php
        require 'getData.php';
    ?>
</div>

这里有一张图片，如果这有助于我解释我想做什么。

我非常感激能得到的任何帮助

---

//Ambrose

有一些简洁的机制可以将textarea（查询字符串）的输入传递到php，并将数据库输出返回到javascript。然后，您可以轻松地将其附加到任何您想要的dom节点

我个人使用jQuery做一些事情，因为它非常方便。您可能希望使用load函数来实现以下简单目的：

$( document ).ready(function() {
    $('#querySubmitButton').click(function (evt)
    {
        evt.preventDefault(); // stops the submit taking place
        var myQuery = $('#queryText').val(); // get the query value

        // load data received from php script into the dom container
        $('#container').load('getData.php', { query:myQuery, anotherVar:null });
    });
});

load函数只是将所需脚本输出的所有内容加载到给定的domnode中。您可以在第二个参数中添加任意多的参数，甚至可以在加载后使用回调执行更多的js。 有关详细信息，请参阅

哦，顺便说一下，我将您的html更改为：

<div id="menu">
    <textarea id="queryText" name="queryText" placeholder="Enter the query..."></textarea>
    <input id="querySubmitButton" type="button" value="Submit"/>
</div>
<div id="container"></div>

---

Ajax是您想要的；jQuery使它稍微容易一点，但仅仅使用javascript就足够简单了。我现在正要去工作，但如果你在几个小时内还需要帮助，我会给你举个例子谢谢。我需要添加：$（document）.ready（函数（）{}围绕JQuery，但除此之外，它工作得很好。谢谢！当然可以。我只给了你裸体单击函数本身，因为我不知道你页面设置的其余部分。我现在将它添加到帖子中。很高兴它有帮助；）

$query = $_POST['query'];