ajax返回数据类型为JSON数据的处理

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="jquery-1.11.2.min.js"></script>

<title>无标题文档</title>

</head>

<body>

<select id="nation"></select>

</body>
<script type="text/javascript">

$.ajax({

    url:"jsonchuli.php",//url跳转到指定的处理页面

dataType:"JSON",//返回JSON数据类型，返回的是二维数组

success: function(data){ var str ="";//先定义一个空的数组str

 /*for(var i=0;i<data.length;i++)//关联数组里面的大小写和数据库里面的大小写是要保持一致的。 { str = str+"<option value='"+data[i].Code+"'>"+data[i].Name+"</option>";//求data循环出来的索引[i]，取出Code列，显示出循环出来的Name列

} $("#nation").html(str);*/ for(var s in data)//这种方法相当于foreach方法遍历，上面注释的方法是for循环。  { str = str+"<option value='"+data[s].Code+"'>"+data[s].Name+"</option>";

//求data循环出来的索引[s]，取出Code列，显示出循环出来的Name列

} $("#nation").html(str);

//$("")找到下拉，将求出来的Name列值放到下拉列表中

} }) </script>




</html>




处理页面




<?php

include("DBDA.class.php");//include关键字，纯处理页面引用封装好类的代码包

$db = new DBDA();//造一个接受对象关键字new

$sql = "select * from nation";//访问数据库查询nation表所有数据//json_encode()此方法需要关联数组//使用json_encode数组内容的编码格式必须是 utf8的，其它的是不可以的。

echo json_encode($db->GuanQuery($sql));//返回的是关联数组。json_encode返回的是json数据。调用引用表里的关联函数GuanQuery

 ?>




效果


												


											
11月13日上午ajax返回数据类型为JSON数据的处理的更多相关文章
	

    
								
  1. 11月15日下午 ajax返回数据类型为XML数据的处理
		
    ajax返回数据类型为XML数据的处理 /*XML:可扩展标记语言 HTML:超文本标记语言 标签:<标签名></标签名> 特点: 1.必须要有一个根 2.标签名自定义 3.对 ...
    
		
    2. 
						
  2. ajax返回数据类型为JSON数据的处理
		
    JSON数据处理: 1.编码格式必须为utf8 2.echo json_encode($db->GuanQuery($sql));   返回的是关联数组.json_encode返回的是json数 ...
    
		
    3. 
						
  3. PHP中ajax返回数据类型为JSON数据的处理
		
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
		
    4. 
						
  4. 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
		
    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
    
		
    5. 
						
  5. 2016年11月13日 星期日 --出埃及记 Exodus 20:4
		
    2016年11月13日 星期日 --出埃及记 Exodus 20:4 "You shall not make for yourself an idol in the form of anyt ...
    
		
    6. 
						
  6. java试题复盘——11月13日
		
    上: 10. AccessViolationException异常触发后,下列程序的输出结果为(   A   ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 AccessViol ...
    
		
    7. 
						
  7. 易初大数据   2019年11月13日   Linux    王庆超
		
    ★安装Red Hat Enterprise Linux7.41 ◆1通过键盘的方向键选择“lnstall Red Hat Enterprise Linux7.4”选项来直接安装Linux 系统. ◆2 ...
    
		
    8. 
						
  8. 11月10日下午    ajax做显示信息以后用ajax、Bootstrp做弹窗显示信息详情
		
    1.用ajax做弹窗显示信息详情 nation.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...
    
		
    9. 
						
  9. 11月8日上午Jquery的基础语法、选取元素、操作元素、加事件、挂事件及移除事件
		
    jquery基础知识 1.jquery文件的引入,所有的js代码要写在下面那段代码下面. <script src="../jquery-1.11.2.min.js">& ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 从零自学Hadoop(11)：Hadoop命令上
			
    阅读目录 序 概述 Hadoop Common Commands User Commands Administration Commands File System Shell 引用 系列索引 本文版 ...
    
			
    2. 
						
  2. PHP笔记（PHP初级篇）
			
    学习完HTML和CSS后,终于要开始学习PHP啦!前面的铺垫只为后路的畅顺! PHP环境搭建: 企业中常用到的环境是:Linux+Apache+MySQL+PHP 学习环境是:Windows+Apac ...
    
			
    3. 
						
  3. 【转】详细分析Java中断机制
			
    原文地址:http://www.infoq.com/cn/articles/java-interrupt-mechanism 1. 引言 当我们点击某个杀毒软件的取消按钮来停止查杀病毒时,当我们在控制 ...
    
			
    4. 
						
  4. 2016款MACBOOK PRO触控条版 安装WIN10初体验 及 无奈退货记
			
    新的2016MBP终于发布了,作为把苹果电脑装WIN使用的人,等候很久之后,终于可以行动了. 黄山松 (Tom Huang) 发表于博客园http://www.cnblogs.com/tomview/ ...
    
			
    5. 
						
  5. 用keytool工具生成签名文件与获取摘要信息
			
    在Command命命令行模式下: 转到工作目录 执行下面命令: keytool -genkey -v -keystore debug.keystore 最后是生成的文件名,执行该命令后有很多内容要填写 ...
    
			
    6. 
						
  6. Ubuntu14-04 MySQL-5.6.21通用二进制安装
			
    #卸载mysql /etc/init.d/mysqld stop &> /dev/null killall mysqld &> /dev/null sudo rm -rf  ...
    
			
    7. 
						
  7. Oracle SQL函数
			
    Oracle将函数大致分为单行函数,聚合函数和分析函数. 单行函数分为字符函数,日期函数,转换函数,数字函数,通用函数,decode函数 一.字符函数 1)大小写控制函数 01.Lower() 全部小 ...
    
			
    8. 
						
  8. 服务器504——一般情况下是由nginx默认的fastcgi进程响应慢引起的
			
    情况一解决办法: 默认的fastcgi进程响应的缓冲区是8K,我们可以设置大一点,在nginx.conf里,加入:fastcgi_buffers 8 128k 这表示设置fastcgi缓冲区为8块12 ...
    
			
    9. 
						
  9. jmeter（五）Sample之JDBC Request
			
    jmeter中取样器(Sampler)是与服务器进行交互的单元.一个取样器通常进行三部分的工作:向服务器发送请求,记录服务器的响应数据和记录相应时间信息 有时候工作中我们需要对数据库发起请求或者对数据 ...
    
			
    10. 
						
  10. sqlmap常用技巧
			
    http://nanshihui.github.io/2016/02/25/sqlmaptips/
    
			
    11.