javascript - 停止刷新表单但进行发布

标签 javascript php jquery html forms

我正在开发一个广播网站,其中有一个播放器和一堆横幅,您可以点击它们来播放广播。

我认为理想的行为是,如果我单击按钮来播放 radio ,它将跳转到播放器。但现在却刷新页面,并跳转到页面顶部。这有点烦人。

  1. 我得到了一个包含多个按钮的表单,这些按钮包含数据库中 radio 的 ID。
  2. 然后我得到了我的播放器,没有发布表单,打印默认播放器,提交表单时,它会从数据库加载所需的所有信息以及发布给播放器的 ID。

现在我的问题是,当表单发布到播放器时,如何阻止表单刷新并跳回页面顶部。

如果你们需要任何代码,我愿意将其发布在这里,但由于我的index.php 上有一堆代码,我需要一个可以放置这些代码的网站。

最佳答案

为此,您需要使用 Javascript(更具体地说:AJAX)。它可能看起来令人畏惧,但特别是在组合使用时 with jQuery ,这是完全可行的。

这个想法基本上是在后台将请求发送到不同的页面,而无需重新加载页面,并使用 Javascript 使用新接收到的信息更新当前页面。关于这个主题有很多资源可以比我在这里更好地解释细节,但我希望这能为您提供足够的关键字:)

关于javascript - 停止刷新表单但进行发布,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29428788/

相关文章:

javascript - 如何使用按钮同时单击 anchor 链接上的事件来提交表单?

Javascript | For 循环 - 我的语法错误是什么?

javascript - 什么时候会在 Javascript 闭包中使用 return 语句?

javascript - 图像 slider 按钮不触发

php - 使用 php 将值从一个页面传递到另一个页面

javascript - CefSharp javascript元素点击不起作用,但手动点击它可以

javascript - 图像将被自动点击一次

php - PHP 的 FILTER_VALIDATE_EMAIL 是否提供足够的安全性?

php - mysqli_multi_query何时停止执行?

javascript - 使用 if 检查时计数器不工作