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/

在div中显示PHP结果而不刷新

2 个答案: