Index.php
...
<form id="calculator_form" name="form" action="" method="get" >
<input name="one" type="text">
<input name="two" type="text">
<input type="submit">
</form>
...
<!-- refresh area -->
<?php if(isset($_GET["one"])) { ?>
<div>
<?php echo $_GET["one"] . " " . $_GET["two"]; ?>
</div>
<?php } ?>
<------------------->
我想提交表单并重新加载上面指示的刷新区域。我知道可以通过使用 AJAX 实现,但我不太确定如何操作。
我尝试将刷新区域放在单独的 ajax.php 文件中,并使用 JQuery,但没有成功。
$(document).ready(function() {
$("#calculator_form").submit(function(event) {
event.preventDefault();
$("#divtoappend").load("ajax.php", data);
})
})
我还尝试使用$.get()
,但没有成功。
我可以将数据发送到另一个独立的php
页面,但我卡在了尝试实现我想要的功能上。
编辑:
我发布的代码是快速编写的,语法不是问题所在,我只是想知道如何刷新表单下面的<div>
以便再次进行if(isset($_GET["one"]))
检查并打印更新的php
变量。
编辑2:
我的代码现在如下:
Index.php
...
<form id="calculator_form" name="form" action="" method="get" >
<input name="one" type="text">
<input name="two" type="text">
<input type="submit">
</form>
...
<div id="append">
<!-- where I want the ajax response to show -->
</div>
...
ajax.php
<?php if(isset($_GET["one"])) { ?>
<div>
<?php echo $_GET["one"] . " " . 4_GET["two"]; ?>
</div>
<!-- assume there's n number of divs -->
<?php } ?>
现在我希望ajax.php
div能够附加到index.php
中的#append
div。必须有比更改ajax.php
并使用echo更好的方法:
ajax.php(带有echo)
<?php
if(isset($_GET["one"])) {
echo "<div>". $_GET["one"] . " " . $_GET["two"] . "</div>";
}
?>
那么,由于
ajax.php
可能会很大,有没有比仅仅从 ajax.php
向 index.php
输出数据更好的解决方案呢?
data
是从哪里获取的?除了你的read
与ready
打错字之外,代码应该可以正常工作(假设data
是有效的)。 - iCollect.it Ltd