データベースとajaxをphpに接続する際に問題が発生しました

Question

Ajaxを使用してデータベースに接続する際に問題が発生しましたが、.phpファイルも実行されませんでした。

XMLHTTP = XMLHttpRequestの{readyStateの：私は

がhttp://local.testing.info/connections/getTag.php?q=a 404デバッグの下で

（ が見つかりません）GETこれは誤りであるコンソールの下にチェックしたい1、タイムアウト：0 、withCredentials：偽、アップロード：XMLHttpRequestUpload、responseURL： "" ...}

は、以下の私のCです頌歌

HTML：

<div> 
    <form> 
     <div> 
      <input type="text" ng-model="person.name" placeholder="Name"> 
     </div> 
     <div> 
      <input type="text" ng-model="person.age" placeholder="Age"> 
     </div> 
    </form> 
</div> 
{{data}} 

JS：

test.controller('formController', function($scope) { 

    $scope.$watchCollection('person', function(newVal){ 
     if (window.XMLHttpRequest) { 
      var xmlhttp=new XMLHttpRequest(); 
     } else { 
      var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 

     xmlhttp.onreadystatechange=function() { 
      if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
      $scope.data = xmlhttp.responseText; 
      } 
     } 

     xmlhttp.open("GET","getTag.php?q="+newVal.name,true); 
     xmlhttp.send(); 
    }); 
} 

PHP：

$q=$_GET["q"]; 

$host="localhost"; // Host name 
$username="root"; // Mysql username 
$password="123"; // Mysql password 
$db_name="testing"; // Database name 

// Connect to server and select databse. 
$link = mysql_connect("$host", "$username", "$password")or die("cannot connect"); 
mysql_select_db("$db_name",$link)or die("cannot select DB"); 


$sql="SELECT * FROM testing.people WHERE name = '".$q."'"; 

$result = mysql_query($sql); 

$row = mysql_fetch_array($result); 

$name =$row['name']; 

if($name == '' || empty($name)) { 
    echo "<b>ID not found.</b>"; 
} else { 
    echo "<b>".$name."</b>"; 
} 

mysql_close($link); 

私が間違って行われた場所を教えてください？

Answer 1

Angularは、独自のhttpサービスをajaxに提供します。 試し：

test.controller('formController',($scope,$http) { 
    $scope.$watchCollection('person', function(newVal){ 
     var url = "YOUR_AJAX_PHP_URL"; 
     var req = { 
     method: 'POST', 
     url: 'http://example.com', 
     data: { test: 'test' } 
     } 
     $http(req).then(function(response){/* success code here */}, function(response){/* fail code here */}); 
    }); 
}); 

参照：angular docs

編集：特定のエラーは何のコメント