在同一页面上将javascript变量传输到php而不提交

Posted 2023-02-24

【中文标题】在同一页面上将javascript变量传输到php而不提交

【英文标题】：Transfer javascript variable to php on the same page without submitting

【发布时间】：2013-01-26 07:07:35

【问题描述】：

您好，我想将我的 javascript 变量传输到 php，就像实时传输一样。在文本框中输入的用户输入将被传输到 php 脚本以检查它是否在数据库中。然后，输出将显示在另一个只读文本框中。

【问题讨论】：

你不能这样做。 javascript 是客户端，php 是服务器端...您基本上是在寻找 AJAX。

【参考方案1】：

您必须为此使用AJAX。如果您能理解客户端（JavaScript）和服务器端（PHP）脚本之间的区别，我希望它会更好。类似的问题已经回答了很多问题。请谷歌，你可以找到他们的例子。另请参阅Client side vs server side basics。

Difference Between Client Side & Server Side Programming

【讨论】：

【参考方案2】：

您需要研究 AJAX。作为首字母缩写词听起来很吓人，但它很容易使用。

在您的 Javascript 中（使用 jQuery，并假设您有一个 id 为“searchbox”的文本框：

$.get("search.php", "term":$("#searchbox"), function(data) 
    alert(data);

在您的 PHP 文件“search.php”中：

echo "Yay! " . $_GET['term'] . " Woo!";

如果您在文本框的 keyup 事件上运行 javascript，它将实时获取数据。因此，如果您在框中输入：“Hello World”，您会收到一串烦人的消息框：

“耶！H Woo！”，“耶！He Woo！”，“耶！Hel Woo！”，“耶！Hell Woo！”...“耶！Hello World Woo！”

从那里开始，就是让 PHP 代码返回一些有用的东西。为此，请查看 JSON。从那里开始，只需编写 Javascript 来处理新的有用信息。

http://jquery.com/

http://api.jquery.com/jQuery.get/

http://www.json.org/

http://en.wikipedia.org/wiki/Ajax_(programming)

【讨论】：

我可以输入代码："$.get("search.php", "term":$("#searchbox"), function(data) alert(data); " 到 search.php?

以及如何使用您提供的给定示例使用 keyup