jQuery 向 PHP 发送数据并接收数据答案

【问题标题】：Jquery send data to PHP and receive datajQuery 向 PHP 发送数据并接收数据
【发布时间】：2012-09-14 18:15:39
【问题描述】：

我有一个调用 API 的 PHP 脚本需要一段时间才能加载，因此用户有一段时间看不到该页面并认为出现问题。

我被告知 Jquery 脚本可以将数据发送到 PHP 文件，从中获取结果数据并在执行此操作时显示加载消息/动画。环顾互联网，我发现了这个：

$.get("check.php", { url: "www.domain.com"}, function(data){
    alert("Data Loaded: " + data);
});

我无法弄清楚 PHP 文件需要如何接收发送的数据（$_GET['url'] 或其他）或如何接收和显示数据以及如何显示加载消息。我知道很多问题，但我将非常感谢任何信息来了解如何做到这一点。

【问题讨论】：

是的，$_GET['url'] 应该可以正常工作。你的浏览器工具告诉你什么？请求发生了吗？
stackoverflow.com/a/68503/201788 - 您可以从另一个类似问题中查看此答案。它基本上说明了@tdlm 所说的内容。
打开您的浏览器开发工具（Chrome 为 F12；Firefox 下载 Firebug 插件；Opera Ctrl+Shift+I；IE - 删除即可）。然后打开网络选项卡，重新加载页面。您将看到在客户端加载的所有文件，找到“check.php”，单击它，您可以在其中查看您发送的日期、标题和响应。对于调试此类方法非常有用
是的，请求正在发生，只是不确定如何从中获取数据并显示加载消息。

标签： javascript php jquery send http-get

【解决方案1】：

在所有回复此帖子的人的帮助下，这是工作结果：

<div id="content-area"><p>loading content...</p></div>

<script type="text/jscript">    
    $.get("check.php", { url: "www.domain.com"}, function(data){
    $("#content-area").html(data)
    });
</script>

PHP 用 GET 方法接收数据，用 echo 返回数据。

感谢大家的帮助:)

【讨论】：

domain.com 有什么用？你能解释得更详细一点吗？

【解决方案2】：

// On some sort event, here click is used for example
$('button').click(function() {
   // start loading message
   console.log('loading...');
   // start request
   $.get("check.php", { url: "www.domain.com"}, function(data){
       // this part is triggered when request is successful
       console.log('LOADED');
       // shows what was echo'ed on php file
       console.log(data);
   });
});

console.log() 在开发者工具控制台中显示消息

【讨论】：

【解决方案3】：

这样做的方法是默认显示加载消息/动画，然后，一旦加载，您的 jQuery $.get() 方法将填充内容。

为了让 check.php 从 jQuery 接收数据，它被视为对脚本的任何其他 GET 请求。在这种情况下，就像转到 check.php?url=www.domain.com 并且生成的任何输出都将在“data”参数中接收。

【讨论】：

我认为他遇到的问题是在 PHP 端，而不是在客户端。
我相信他的 PHP 脚本需要一段时间才能返回数据，并且在中间他想显示一个加载器或其他东西来通知用户正在发生的事情。
他似乎两边都有问题——在等待数据的同时显示加载动画，然后了解数据的来源和原因。
你说得对，我了解 PHP 的功能，但我不明白如何显示 PHP 函数的结果以及如何显示加载消息/动画，直到 PHP 返回某些内容。
您必须在 .get() 初始化之前创建加载消息。当 .get() 请求完成时，你销毁加载消息或创建结果消息