php和JS之间如何通信？

Question

我是网络开发新手，我正在尝试建立我的第一个网站。

我遇到了一些麻烦，因为 Web 开发依赖于 PHP 和 JS 等多种编程语言，而对我来说最困难的部分是这些语言之间的通信。

例如，我正在尝试创建一个函数来压缩文件夹并生成该新存档的下载链接，这可以通过 PHP 轻松完成。但是，当用户单击 zip 按钮时，我还希望显示一个弹出窗口，告诉用户在压缩文件夹时等待，压缩完成后我想更改弹出窗口上的文本并显示下载链接，这当然需要JS。

我尝试了很多解决方案，但没有一个对我来说是完美的，而且我觉得这些解决方案又快又脏，这是我不想要的。

如果有我不知道的秘密，请告诉我，这样我终于可以像使用单一语言一样使用这些语言了。

另外，如果您能帮助我解决当前的问题，我将不胜感激。我只是想知道如何构建一个可以调用显示弹出窗口的JS函数的表单，然后调用PHP Zip_Folder函数，一旦PHP函数完成，我想在弹出窗口上显示下载链接窗户。

这是我的表单代码：（它只调用显示弹出窗口的javascript函数）

<input type = 'button' onclick = 'Show_PopUP(\"Folder_to_zip\")' value = 'Download Folder'>

这是Show_PopUP函数代码：

            function Show_PopUP(folder) {

           var e = document.getElementById('Folder_Download_PopUp');

           if(e.style.display == 'block')

              e.style.display = 'none';

           else {

              e.style.display = 'block';}}

        

我已经有了压缩并生成存档下载链接的PHP函数，所以我现在需要的是在显示弹出窗口后调用它的方法，以及在弹出窗口上打印一次下载链接的方法功能完成。

这可能不是最好的方法，因为我是初学者，所以如果您对如何在没有这种复杂性的情况下完成我的任务有建议，我会非常高兴。

抱歉，如果我的问题太长，请提前感谢您的帮助。

Answer 1

您需要做的是使用这些称为 XHR 或 XMLHttpRequest（Google it）的东西，从 JavaScript 到 php，这基本上有点像一个隐形浏览器，在幕后进入 php 页面并“加载”任何 php 页面返回，只有这一切都发生在 JavaScript 本身内，因此您可以读取这个来自 php 的“不可见页面”加载，并对其进行操作，而无需实际刷新页面。这个过程称为 AJAX（查找）你可以做的是，当你设置这个“不可见页面”时，你还可以发送 php 页面可以读取的某些类型的信息，完成后，php 页面可以将某些内容回显给不可见页面，然后可以用 JavaScript 读取。您可以轻松地在 php 和 JavaScript 之间进行通信，方法是在 JavaScript 中发送某些值以及这个不可见的页面，然后等待 php 回显某些内容，然后使用 JavaScript 读取该值那么我们实际上如何做到这一点呢？首先在 JavaScript 方面，我们需要制作这个“不可见页面”，从技术上讲，它实际上不是一个页面，它只是执行与显示任何其他网页相同的正常操作，这在技术上称为“请求”，因为这就像向服务器询问一些数据，它基本上是“请求”它，然后当服务器回显某些数据时，这就是所谓的“响应”所请求的内容因此，要在 JavaScript 中发出这个新请求，我们可以执行以下操作var asking= new XMLHttpRequest ()现在就好像创建了一个不可见页面，但尚未导航到任何内容，但我们现在必须隐喻地“输入 URL”到这个不可见页面（尚未实际“导航”到它）才能做到这一点asking.open("GET", "pathToPHPpage.php?hi=there")因此，第一部分称为“GET”，因为我们只想简单地获取响应，而不实际发送任何内容（如果我们发送文件，我们将使用“POST”，然后将文件日期放入下一步），然后我们输入您想要获取的 php 页面的 URL。如果它与 JavaScript 页面相同，只需放置 location.href 即可，但至少在 URL 末尾添加一些内容很重要，请注意“?hi=there”，您可以将其称为任何名称，但重要的是紧跟在 .php 页面后面的问号，然后是某个东西的名称（在本例中为“hi”），后面跟着它的值（在本例中为“there”），因为 php 页面能够读取该内容，并给出不同的值根据它所说的内容做出回应好的，现在我们必须实际将该请求“发送”到服务器，这就像隐喻地“导航”到不可见页面上的 URL 一样asking.send()（如果你把“POST”放在前面，你可以在括号之间添加你想要发送的日期，通常是字符串的形式，但根据数据的不同它可能会有所不同，查找它以获取更多参考）现在，在我们继续 JS 方面之前，让我们快速切换到 PHP（但不必按照这个顺序）来看看发生了什么。我们需要监听 php 页面上包含名称的任何“请求” “hi”（因为这是我们之前在 URL 末尾的内容），为了做到这一点，在 PHP 的顶部（技术上在 php 中的任何地方）我们做$isHi = $_GET["hi"];if(isset ($isHi)) {//Do some php code&nbsp; &nbsp; echo "hi back!".$isHi;}基本上，我们只是在发送到 PHP 的“GET”请求中查找“*hi”名称，我们检查它是否为“set”，即不为空，然后我们将一些消息回显给 JS，现在让我们监听该消息在 JavaScript 方面回到 JS，在 .send 行之后（或之前），我们需要监听页面何时回显。为此，我们检查它是否成功加载，因为有时可能会出现错误，所以让我们这样做asking.onreadstatechange= function () {&nbsp; &nbsp; if(asking.readyState == 4 && asking.status==200) {&nbsp; &nbsp; &nbsp; &nbsp; alert(asking.responseText)&nbsp; &nbsp; } else alert("ooh something happened")}现在我们可以访问 php 代码给我们的响应您可以将其扩展到其他形式的沟通，如果您有任何疑问，请告诉我