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但是我没有得到任何输出。
尝试更改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
?>
这些步骤将精确定位几乎所有与AJAX相关的基本问题:
response
选项卡。在这里,您将看到PHP输出的内容。如果它是blanco,它可能是一个white screen of dead,尝试删除所有PHP,只让你的done
作为纯文本。如果正在输出,请检查它是否符合您对结果的预期。如果您将其请求为JSON类型,请检查它是否实际上是JSON。在你的情况下,我认为你得到white screen of death。此外,根本不需要请求标头。使用PHP就好像它不是一个AJAX请求(除非您想要更改特定的操作,不管您是否使用AJAX,但在您的代码中并非如此)。