AJAX中的dataType(数据格式)-text、json

时间:2023-01-29 19:02:21

因为经常使用数据格式,所以将它封装成类,J这样就不会用到时就写了,直接调用写好的类就可以了

(1)dataType数据格式为:TEXT格式的数据是字符串的数据,在“ajax对数据进行删除和查看”的那篇博客中说过,这里在说下

结果不会每个传输的都是字符串,有时是二维数组,这样就要转换为字符串格式了

class DBDA
{
	public $host="localhost"; //数据库连接
	public $uid="root";       //用户
	public $password="123";   //用户密码
	public $dbname="test2";   //用到的数据库名字

	//返回字符串的方法
	public function StrQuery($sql,$type=1)
	  {
		$db = new MySQLi($this->host,$this->uid,$this->password,$this->dbname);  //造一个新对象
		$r = $db->query($sql);  //sql语句
			
		if($type==1)  //判断语句
		{
		  $attr = $r->fetch_all();
		  $str = "";
		  foreach($attr as $v)
		  {
		    $str .= implode("^",$v)."|";  //拼接数组为字符串
		  }	
		  return substr($str,0,strlen($str)-1);  //截取字符串:最后的拼接符不显示
      	}
		else
		{
		  return $r;
		}
	}
}

这就把转换字符串封装成了一个类:运用一下

$.ajax({
	url:"xianshicl.php",	//处理页面中进行查数据库
	dataType:"TEXT",   //用的text的数据类型
	success: function(data){
	  //这里是处理页面执行结束后在执行的语句
        }
})                     

处理页面的查数据库

<?php
	include("DBDA.class.php");  //调用封装好的类文件
	$db = new DBDA();  //造新对象
	
	$sql = "select * from fruit"; //查数据库的内容语句
	
	echo $db->StrQuery($sql);   //1.引用封装好的类中的转换字符串的方法
/* //2.不想调用,可以自己写,不过就是麻烦点,因为这样会每次用到时都要写 $attr = $db->Query($sql); $str = ""; foreach($attr as $v) {   $str .= implode("^",$v)."|"; //拼接数组为字符串 } echo substr($str,0,strlen($str)-1); //截取字符串:最后的拼接符不显示 */ ?>

这里是处理页面执行语句的效果:

AJAX中的dataType(数据格式)-text、json

然后在ajax中进行拆分后就可以了:

success: function(data){
	var hang = data.split("|");  //拆分字符“|”串:显示行
	var str = "";
	for(var i=0;i<hang.length;i++)
	{
		var lie = hang[i].split("^");  //拆分字符串“^”:显示列
		str += "<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td>"+lie[4]+"</td></tr>"; //直接找索引号
	}
					
	$("#bg").html(str);
  }

AJAX中的dataType(数据格式)-text、json 

(2)dataType数据格式为:JSON比较像关联数组:所以在引用时,数组是要关联数组的,不能是索引数组

我们也把这个封装成一个类,既然是关联数组,在遍历时的函数值应该是fetch_all(MYSQLI_ASSOC)

class DBDA
{
	public $host="localhost"; //数据库连接
	public $uid="root";       //用户
	public $password="123";   //用户密码
	public $dbname="test2";   //用到的数据库名字

	//返回JSON
	function JSONQuery($sql,$type=1)
	{
	  $db = new MySQLi($this->host,$this->uid,$this->password,$this->dbname);
	  $r = $db->query($sql);

        //和字符串不同的地方   if($type==1)   { //json是关联数组:fetch_all(MYSQLI_ASSOC) return json_encode($r->fetch_all(MYSQLI_ASSOC)); //转化成json:json_encode()必须是utf-8的服务   }   else   { return $r;   } } }

这就把json封装成了一个类:运用一下 

$(document).ready(function(e) {
  $.ajax({
	url: "scl.php",  //处理页面
	dataType:"json",  //数据类型是JSON
	success: function(data){
		//处理页面结束后执行的语句写这里			
	  }	
  })
});

处理页面的语句:

<?php
include("DBDA.class.php");  //调用封装的类
$db = new DBDA();

$sql = "select * from fruit";
echo $db->JSONQuery($sql);  //这里就是引用的封装好的JSON方法

执行下,看下这个方法和TEXT的区别(这个就是个数组,还是个关联的数组)

AJAX中的dataType(数据格式)-text、json

处理页面执行成功后执行下面语句

var str = "";
for( var k in data)
{
  str +="<option value='"+data[k].Ids+"'>"+data[k].Name+"</option>";  //找到k的Code,这里的Code要和数据库中的列名一致
}		
$("#fruit").html(str);		

下面就把整体的效果看下,上面做了个下拉列表,找的是数据库中水果表的名称,如下:

AJAX中的dataType(数据格式)-text、json

 

TEXT是直接遍历索引号,而JSON是列名

str += "<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td>"+lie[4]+"</td></tr>"; //直接找索引号
str +="<option value='"+data[k].Ids+"'>"+data[k].Name+"</option>";  //找到k的Code,这里的Code要和数据库中的列名一致

需要注意,JSON是关联数组,要用MYSQLI_ASSOC这个值,

转换成JSON的方法是:json_encode()

使用这个方法服务必须是utf-8的服务