php - 在不刷新的情况下在 div 中显示 PHP 结果

Question

你知道一种在 div 中动态显示 php 结果而不刷新页面的方法吗？例如，我们有 2 个 div：一个在页面的上半部分，一个在页面的底部。顶部包含一个带有 3 个输入字段的表单。你在里面输入一些值，然后按下一个按钮。当您按下按钮时，底部 div 会显示值而不刷新页面。

Answer 1

你不能用纯 PHP 做到这一点，因为 PHP 是一种静态语言。您必须使用 Javascript 和 AJAX。我建议使用像 Zepto 或 jQuery 这样的库来简化实现，如下所示：

<form>
    <input name="search" />
    <input type="submit" />    
</form>

<div id="div2"></div>

<script>
    // When the form is submitted run this JS code
    $('form').submit(function(e) {
        // Post the form data to page.php
        $.post('page.php', $(this).serialize(), function(resp) {
            // Set the response data into the #div2
            $('#div2').html(resp);
        });

        // Cancel the actual form post so the page doesn't refresh
        e.preventDefault();
        return false;
    });
</script>

Answer 2

您可以使用 AJAX 来完成它。使用 Ajax，您可以与服务器交换数据，在不刷新页面的情况下发出异步请求。

查看它以了解如何使用 Jquery 实现它：- http://api.jquery.com/jQuery.ajax/