如何在不重新加载页面的情况下制作多个帖子(html,mysql)

Posted

技术标签:

【中文标题】如何在不重新加载页面的情况下制作多个帖子(html,mysql)【英文标题】:How to make multiple POSTS without page reload (html, mysql) 【发布时间】:2015-04-17 18:34:38 【问题描述】:

我正在制作一个包含多个输入字段的页面

  <form>
    <input type=”text” name=”1”>
    <input type=”text” name=”2”>
    Etc
 </form>

非常重要的是,当输入框离开时,数据被写入数据库,无需重新加载页面。例如 i) 如果浏览器在只有一半的输入框完成时关闭,我需要用户能够在保存该数据的情况下再次加载页面。 Ii) 第一次输入的结果将取决于页面中稍后输入的结构,因此需要存储在数据库中。

我需要这样做吗?

<form>
<input type=”text” name=”1”>
</form>

<form>
<input type=”text” name=”2”>
</form>

我可以使用 AJAX 吗?如何?那么 Sockets.io 呢?我正在使用节点,以及一些背景的 mysql 数据库

【问题讨论】:

如果你想让它成为实时的然后使用socket,否则你可以使用ajax。带节点套接字是最好的选择 【参考方案1】:

Ajax 在这里运行良好。

这会告诉你一切:

http://www.w3schools.com/xml/xml_http.asp

然后,一旦你学会了它,你所要做的就是添加处理程序来捕获某些事件,在你的情况下这些事件可能是焦点事件(当光标在文本框之间变化时),然后 javascript 代码将加载负责与之通信的脚本数据库然后该脚本将返回一个值返回给 javascript 代码,javascript 将使用该值来确定屏幕上显示的结果。

【讨论】:

我看过这个,这真的是最简单的方法吗?你知道套接字是否会更好吗?

以上是关于如何在不重新加载页面的情况下制作多个帖子(html,mysql)的主要内容,如果未能解决你的问题,请参考以下文章

如何在不重新加载页面的情况下获取数据表单数据库?

如何在不重新加载窗口的情况下单击按钮时在 JSP 中进行更新查询?

如何在不重新加载 HTML 页面的情况下重定向锚标记链接?

如何在不重新加载页面的情况下提交表单[重复]

如何在不重新加载页面的情况下更改浏览器地址栏 - HTML/Javascript [重复]

在单页应用程序中,当在 VueJs 中输入新数据时,如何在不重新加载页面的情况下重新加载 api [关闭]