Jquery通过PHP echo命令返回值


jquery return value by php echo command

我有这些代码:

main.php: 目录Javascript

function grab()
{
    $("#div_id").load("/test.php");
}

HTML,PHP

<? $original_value = 'Original content'; ?>
<div id='div_id'><?=original_value;?></div>
<form action="javascript:grab($('#div_id').val())">
    <input name="submit" type="submit" value="submit">
</form>

test.php

<?... 
$update_value = "Update content";
echo $update_value;?>

test.php的结果将写入#div_id,div内容的结果为:

Original content
Update content

但是我喜欢覆盖原来的div值,结果应该是:

Update content

我的意思是echo在#div_id中添加新行,但我喜欢覆盖现有的#div_id内容。

在代码中更改以下内容:

  1. 删除action属性中的javascript。看起来不对。

    <form action="">
        <input name="submit" type="submit" value="submit">
    </form>
    
  2. 添加以下javascript。

    $(document).ready(function () {
        $('form').on('submit', function (e) {
            e.preventDefault(); // Prevents the default submit action. 
            // Otherwise the page is reloaded.
            grab();
        });
    });
    

在提交表单时将调用grab函数。我不确定这是否是您想要的,但是您应该在div中看到新的内容。

更新1:

我已经从grab中删除了参数,因为函数不需要一个

您需要在当前代码追加内容时替换内容,将代码更改为:

$("#div_id").empty().load("/test.php");