Ajax返回undefined

Question

我会做一些ajax调用来保存数据库中的数据。 当我使用responseText时，我收到未定义的。

这是.js文件：

function init(){ 
alert('loaded'); 
$('#fd-table-1').find('tr').click(function() { 
       var idVar = $(this).find('td').eq(0).text(); 
       getData(idVar); 
}); 

function getData(idVar){ 
    xmlhttp = new XMLHttpRequest(); 
    xmlhttp.open('POST','api.php',true); 
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    alert(xmlhttp.respondeText); 
    } 
    } 

    xmlhttp.send('id='+idVar); 

} 

} 

window.addEventListener('load',init,false); 

，这是api.php：

<?php 

    //-------------------------------------------------------------------------- 
    // 1) Connect to mysql database 
    //-------------------------------------------------------------------------- 
    include 'DB.php'; 
    $con = mysql_connect($host,$user,$pass) or die('1'); 
    $dbs = mysql_select_db($databaseName, $con)or die('2'); 

    //-------------------------------------------------------------------------- 
    // 2) Query database for data 
    //-------------------------------------------------------------------------- 
    $result = mysql_query("SELECT * FROM ".$tableName." WHERE user_id=".$_POST['id'])or die('3');   //query 
    $array = mysql_fetch_row($result)or die('4');       //fetch result  
    //-------------------------------------------------------------------------- 
    // 3) echo result as json 
    //-------------------------------------------------------------------------- 
    echo json_encode($array); 

?> 

该网站是在Laravel4 发展为什么我收到 “未定义”？

谢谢

Answer 1

更换

alert(xmlhttp.respondeText); 

与

alert(xmlhttp.responseText); 

Answer 2

$.ajax({ 
    'global': false, 
    'url': "api.php", 
    'dataType': "json", 
    'success': function (data) { 
     console.log(data); 
    } 
}); 

检查了这一点。愿这对你有所帮助......

Answer 3

您有jQuery的 - 你的整个AJAX功能可以用这个来代替：

function getData(idVar) { 
    return $.post('api.php', {id: idVar}).then(function(data) { 
     alert(data); 
    }); 
} 

使您respondeText错字完全没有实际意义！

Answer 4

其更好的和易于使用jQuery由@kingkero

function ajaxCall()   // normal call 
//function ajaxCall(page,display) //can add some parameters if needed 
    {   
     //required only if you want to send some data 
     var uid   = <?echo $userId;?> //can also use php values 
     var uid   = "something"   //normal declration   

     var formdata  = new FormData();  

     formdata.append('uid',uid); 
     formdata.append('name',"ronser"); //can include many data through append 


     $.ajax({ 

       url   : 'yourLink.php', 
       dataType : 'text', 
       cache  : false, 
       contentType : false, 
       processData : false, 
       data  : bookDet, 
       type  : 'post', 
       success  : function(data){ 
          // alert(data); 
          document.getElementById("yourID").innerHTML=data; 

      } 
     }); 

    } 

提及应罚款的$.ajax ...