为什么AJAX不工作?

时间:2016-03-10 18:28:27

标签: javascript php jquery ajax

我正在尝试对一个简单的php脚本执行一个简单的ajax调用来测试ajax是否正常工作。

HTML:

<button id="hi">hi</button>

JS:

<script type="text/javascript">
$( "#hi" ).click(function(){
   var dataString = "hi";
   $.ajax({
     url: "custom_scripts/hi.php",
     type: "POST",
     dataType:'json',
     data: dataString,
     cache: false,
     success: function(data){
       if(data.auth==true){
         alert("success: " + data.auth);
       }         
     }
   }) 

});

PHP:

<?php

    $hi=$_POST['hi'];

    $rVal=array("auth" => false);

    if(isset($hi)){
        $rVal['auth']=true;
    } else {
        $rVal['auth']=false;
    }

    echo json_encode($rVal);

?>

是否有其他可能干扰ajax调用的脚本或库(来自任何语言)?当我单步执行时,它正在接通电话,它不会返回任何数据(并且控制台中没有错误)......

1 个答案:

答案 0 :(得分:2)

您只需将Ajax数据传递为:

 data: "hi="+dataString,

完成Ajax示例:

$( "#hi" ).click(function(){
   var dataString = "hi";
   $.ajax({
     url: "custom_scripts/hi.php",
     type: "POST",
     dataType:'json',
     data: "hi="+dataString,
     cache: false,
     success: function(data){
       if(data.auth==true){
         alert("success: " + data.auth);
       }         
     }
   }) 
}); 

在您的示例中,如果您检查浏览器控制台,则会收到Undefined Index Notice