AJAX返回數據類型

前提:經過jquery向服務器提交AJAX申請php

結果:獲取服務器返回值,並在JS內調用mysql

index.jsjquery

function test(){
  var url="http://www.test.com/22.php";
  var dt={"id":123};
  $.post(url,dt,function(data){
    console.log(data);
    var dt=JSON.stringify(data);
    console.log(dt[0]);
  },'json');  //默認設置從服務器返回的值爲JSON對象,在JS裏能夠直接經過調用JSON對象的方式調用值
}ajax

 

22.phpsql

<?php
  require "dbcon.php";
  // echo 222;
  $id=$_POST["id"];
  // $id=$_GET["id"];
  // echo $id;數據庫

  $str="SELECT id,name FROM user";
  // print_r($str);
  $res=mysqli_query($conn,$str);
  $arr=array();
  while($row=mysqli_fetch_array($res,MYSQLI_ASSOC)){
    array_push($arr,$row);
  }json

  $brr=json_encode($arr);
  echo $brr;瀏覽器

瀏覽器調試顯示:服務器

返回值爲JSON對象async

 返回值爲文本,即JSON文本字符串

 

若要將JSON文本字符串轉JSON對象,需用

var dt=JSON.parse(data);

 

源碼:

index.js

$(function(){
$.ajaxSettings.async = false;
var n=test();
});

function test(){
var url="http://www.test.com/22.php";
var dt={"id":123};
$.post(url,dt,function(data){
console.log(data);
var dt=JSON.stringify(data);
console.log(dt[0]);
},'json');
}

 

22.php

<?php
require "dbcon.php";

$id=$_POST["id"];

$str="SELECT id,name FROM user";
$res=mysqli_query($conn,$str);
$arr=array();
while($row=mysqli_fetch_array($res,MYSQLI_ASSOC)){
array_push($arr,$row);
}

$brr=json_encode($arr);
echo $brr;

 

dbcon.php

<?php

define('DB_HOST','localhost');
define('DB_USER','root');
define('DB_PWD','root');
define('DB_db',"test");

$conn=mysqli_connect(DB_HOST,DB_USER,DB_PWD);

if(!$conn){
die("數據庫鏈接錯誤".myqli_error());
}
else{
mysqli_select_db($conn,DB_db);
}