Question

所以我理解并知道ajax是如何工作的，因为我之前使用过它。但是如何从php脚本中检索JSON数据？

我试图回应json_encode结果（可行）但我在Chrome中遇到EXCEPTION: Uncaught (in promise): Unexpected token < in JSON at position 0错误。

错误行：

search(): any 
{   
     this.http.get('app/php/search.php').toPromise()
        .then(response => this.data = response.json())
        .catch(this.handleError);
}

Php文件（用于测试目的）：

$json = array (
    "age" => 5,
    "bob" => "Lee",
);  
echo json_encode($json);

Answer 1

为什么不使用observables ..我在我的虚拟项目中使用了php作为后端。这是它的代码。

ngOnInit() { 

    let body=Path+'single.php'+'?id=' + this.productid;
    console.log(body);
    this._postservice.postregister(body)
                .subscribe( data => {
                            this.outputs=data;
//                            console.log(this.outputs);

                   }, 
                error => console.log("Error HTTP Post Service"),
                () => console.log("Job Done Post !") );  
  }

php code

$faillogin=array("error"=>1,"data"=>"no data found");
$successreturn[]=array(
        "productid"=>"any",
       "productname"=>"any",
      "productprice"=>"any",
    "productdescription"=>"any",
    "productprimaryimg"=>"any",
    "otherimage"=>"any",
    "rating"=>"any");
// Create connection  id,name,price,description,primary_image,other_image,rating

    $productid = $_GET["id"];
    $sql="SELECT * FROM product_list where id='$productid'";
    $result = mysqli_query($conn,$sql);
    $count = mysqli_num_rows($result);
    $value=0;
    while($line = mysqli_fetch_assoc($result))
       { 

         $successreturn[$value]['productid']=$line['id'];
         $successreturn[$value]['productname']=$line['name'];
         $successreturn[$value]['productprice']=$line['price'];
         $successreturn[$value]['productdescription']=$line['description'];
         $successreturn[$value]['productprimaryimg']=$line['primary_image'];
         $successreturn[$value]['otherimage']=$line['other_image'];
         $successreturn[$value]['rating']=$line['rating'];
         $value++;
        }
     echo json_encode($successreturn);    

 mysqli_close($conn);

Answer 2

重新编码

this.http.get('app/php/search.php').toPromise()
    .then((response) => {
      console.log(response); // does it look right?
      // is it in string format or json format?
      // if its in string format then can you JSON.parse(response)? if not you have a problem
      // is this line where your error is?
      this.data = response.json()
    })
    .catch(this.handleError);

重新启动服务器设置

我不太了解php，但基本上你希望php提供端点，例如http://myphpserver/search.php

当您在浏览器中访问此页面时，您应该看到xml。

如果页面扩展名是.xml而不是.php，那么

会更好地工作。如果可能的话。

确保您的服务器返回XML的正确MIME类型/内容类型。您可能需要在PHP中设置内容类型响应标头。

一旦你可以在你的浏览器中看到JSON，那么你只需使用http.get和bosh就可以使用angular2来完成相同的端点。

如何连接Angular 2和php后端（mysql）

2 个答案: