我有这些代码:
main.php: 目录Javascriptfunction 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内容。
在代码中更改以下内容:
-
删除action属性中的javascript。看起来不对。
<form action=""> <input name="submit" type="submit" value="submit"> </form>
-
添加以下javascript。
$(document).ready(function () { $('form').on('submit', function (e) { e.preventDefault(); // Prevents the default submit action. // Otherwise the page is reloaded. grab(); }); });
在提交表单时将调用grab
函数。我不确定这是否是您想要的,但是您应该在div中看到新的内容。
我已经从grab
中删除了参数,因为函数不需要一个
您需要在当前代码追加内容时替换内容,将代码更改为:
$("#div_id").empty().load("/test.php");