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. The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path。问题
			
    JSP页面顶端出现“红色”的报错信息:The superclass "javax.servlet.http.HttpServlet" was not found on the Ja ...
    
			
    2. 
						
  2. Live Migrate 操作 - 每天5分钟玩转 OpenStack（42）
			
    Migrate 操作会先将 instance 停掉,也就是所谓的“冷迁移”.而 Live Migrate 是“热迁移”,也叫“在线迁移”,instance不会停机. Live Migrate 分两种: ...
    
			
    3. 
						
  3. CentOS 7 恢复 Windows 启动项
			
    安装Linux时一般会自动识别windows系统并添加引导项,而 CentOS 默认不支持 NTFS 分区,CentOS7采用了Grub2,与CentOS6有区别.手动引导windows分区修改配置稍 ...
    
			
    4. 
						
  4. linux中文件(档案)和目录的RWX权限意义
			
    1 权限对文件的意义 权限对文件的意义很好理解,下面我们看看权限对目录的意义. 2 权限对目录的意义 档案是存放实际资料的所在,那么目录主要是储存啥玩意啊?目录主要的内容在记录档名清单,档名与目录有强 ...
    
			
    5. 
						
  5. linux下的一些操作（持续更新）
			
    文件操作 创建文件夹: mkdir 文件夹名称 查看当前目录的文件夹及文件:ls 参看当前文件夹下的所有文件及信息: ls -l 删除空文件夹:rmdir 文件夹名称 删除非空文件夹:rm rf 文件 ...
    
			
    6. 
						
  6. JavaScript 基础回顾——对象
			
    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
    
			
    7. 
						
  7. C++系统预定义4个用于标准数据流对象
			
    C++系统预定义4个用于标准数据流对象 cin   cout   cerr   clog C++里关于cerr,clog,cout三者的区别: cerr(无缓冲标准错误)-----没有缓冲,发送给它的 ...
    
			
    8. 
						
  8. DFA 最小化
			
    NDFA.εNDFA 确定化的细节这里就不总结了,这里说一说DFA最小化的算法. 关于DFA最小化,
    
			
    9. 
						
  9. IdentityHashMap类：增加相同Key（键）内容的结果
			
    正常Map操作中,key是不能重复的. 先看使用HashMap()操作,增加相同Key内容的结果: 先看代码: package 类集; import java.util.HashMap; import ...
    
			
    10. 
						
  10. [译]React Context
			
    欢迎各位指导与讨论 : ) 前言 由于笔者英语和技术水平有限,有不足的地方恳请各位指出.我会及时修正的 O(∩_∩)O 当前React版本 15.0.1 时间 2016/4/25 正文 React一个 ...
    
			
    11.