Question

PHP脚本： -

<?php
header('Access-Control-Allow-Origin: *');
echo "Done";
?>

AJAX脚本： -

$(document).ready(function(){
$('#submit').click(function(){
    $.ajax({
        type : "POST",
        url : "http://127.0.0.1/ionic/retri.php",
        success : function(data){
            alert(data);
            $('#card').text(data);
        }
    })
 });
});

HTML： -

 <button id="submit" class="button button-block button-positive">
     Submit
    </button>
    <div class="card">
      <div id="card" class="item item-text-wrap">

      </div>
    </div>

我刚刚开始学习AJAX并编写这个脚本只是为了回显简单的文本并更新html div但是我没有得到任何输出。

Answer 1

这些步骤将精确定位几乎所有与AJAX相关的基本问题：

如果你有一个控制台工具，比如Firefox的firebug，你应该这样做检查是否提出了请求。按F12（在窗口上）经常会带来他们了了解这个控制台是如何工作的，你可以节省很多试图弄清楚出了什么问题的时间。
如果发出请求，则应检查文件是否存在。控制台将显示您收到的标题类型（200,301等）。 404表示您链接不正确，有时请求将被着色红色而非黑色作为额外提示。
如果请求也正确，请查找response标签。这里你会看到PHP输出的内容。如果它是blanco，它可能是一个 white screen of dead，尝试删除所有PHP，只允许done 在那里作为纯文本。如果正在输出，请检查它是否匹配你对结果的期望。如果您将其请求为JSON类型，检查它是否真的是JSON。

在你的情况下，我认为你得到white screen of death。此外，根本不需要请求标头。使用PHP并不是一个AJAX请求（除非您想要更改特定的操作，不管您是否使用AJAX，但在代码中并非如此）。

Answer 2

尝试更改PHP脚本....

    <?php
        //THIS SHOULD BE ENOUGH FOR YOUR PHP SCRIPT TO RETURN A RESPONSE
        $response   = "<strong>This is a response from the Server</strong>";
        die($response); // ECHO BACK THE CONTENTS ON THE $response VARIABLE

    ?>

我的PHP脚本没有将数据返回给AJAX脚本

2 个答案: