Javascript 从MySQL数据库获取输入数据需要两次页面刷新

Javascript 从MySQL数据库获取输入数据需要两次页面刷新,javascript,php,jquery,html,mysql,Javascript,Php,Jquery,Html,Mysql,当我在表单输入字段中输入新值并提交它们时,需要重新加载两次页面以获取新值 就像你可以在第7行看到$balance_2一样。此行汇总每行的所有行值,并在每行的“余额”列中记录该值,按下“提交”按钮后,转到“更新_2.php文件”以更新数据库,并在中单击 <a style='left: -18%; top: 100%; position: absolute; color: white; font-family: Roboto, helvetica, arial, sans-serif; wi

当我在表单输入字段中输入新值并提交它们时,需要重新加载两次页面以获取新值

就像你可以在第7行看到$balance_2一样。此行汇总每行的所有行值,并在每行的“余额”列中记录该值,按下“提交”按钮后,转到“更新_2.php文件”以更新数据库,并在中单击

<a style='left: -18%; top: 100%; position: absolute; color: white; font-family: Roboto, helvetica, arial, sans-serif;  width: 170px; font-weight: 600;' href='index_2.php'>Click here to go back</a>
在我看来:

将所有输入标记放在使用action=的表单标记的内部,使其指向同一URL 或

使用AJAX处理请求。单击锚定时,使用onclick,然后定义进行AJAX调用的侦听器函数,并在成功响应时更新输入字段,并相应地解析响应。看到或
另外,如果您转义查询输入值会更好。有关MySQL,请参阅一些帖子和

您的列表页面或主页是index_2.php,而update_2.php是单击此处返回按钮所在的位置

总结: index_2.php

数据清单 还有表单所在的位置 更新_2.php

单击此处返回按钮的位置 当从index_2.php提交数据时,它将转到update_2.php,但只提供back按钮

只有当用户单击“单击此处返回”按钮时,更新查询才会运行

解决方案: 将更新查询放在UPDATE_2.php中 查询完成后,使用header函数将用户重定向回index_2.php 示例代码: index_2.php:

<form action="update_2.php" method="POST">

  <!-- INSERT HERE YOUR INPUT FIELDS -->
  <input type="submit" name="submit">
</form>
更新_2.php:

<?php

  if(isset($_POST["submit"])){

    /* INSERT HERE YOUR UPDATE QUERIES */
    header("LOCATION:index_2.php"); /* REDIRECT USER BACK TO index_2.php */

  } /* END OF ISSET SUBMIT */

?>

您的update_2.php文件是什么样子的?“单击返回”的锚定标记在哪里活动?这是更新_2.php中的“单击返回”活动。请参见此处的输入代码片段:。我所做的只是将输入包装在表单中,当按下新创建的按钮时,表单将请求发送到当前URL in_POST变量中。我替换了它,但没有任何更改。很抱歉,误解了这一点,请单击“返回更新_2.php中的生活”。
<?php

  if(isset($_POST["submit"])){

    /* INSERT HERE YOUR UPDATE QUERIES */
    header("LOCATION:index_2.php"); /* REDIRECT USER BACK TO index_2.php */

  } /* END OF ISSET SUBMIT */

?>