欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

AJAX返回数据类型

程序员文章站 2022-06-07 11:51:03
前提:通过jquery向服务器提交AJAX申请 结果:获取服务器返回值,并在JS内调用 index.js function test(){ var url="http://www.test.com/22.php"; var dt={"id":123}; $.post(url,dt,function( ......

前提:通过jquery向服务器提交ajax申请

结果:获取服务器返回值,并在js内调用

index.js

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对象的方式调用值
}

 

22.php

<?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);
  }

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

浏览器调试显示:

返回值为json对象

AJAX返回数据类型

 返回值为文本,即json文本字符串

AJAX返回数据类型

 

若要将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);
}