Jquery将数据发送到PHP并接收数据

时间:2012-09-22 16:17:46

标签: javascript php jquery send http-get

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

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

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

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

3 个答案:

答案 0 :(得分:5)

在回复这篇文章的每个人的帮助下,这是工作结果:

<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返回数据。

感谢大家的帮助:)

答案 1 :(得分:2)

执行此操作的方法是默认显示加载消息/动画,然后,一旦加载,您的jQuery $.get()方法将填充内容。

对于check.php从jQuery接收数据,它被视为对脚本的任何其他GET请求。在这种情况下,就像转到check.php?url=www.domain.com一样,生成的任何输出都会在&{39; data&#39;中收到。参数。

答案 2 :(得分:0)

// 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()在开发者工具控制台中显示消息