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. db2start启动失败
			
    db2start启动失败 [db2inst1@localhost ~]$ db2start db2start: error while loading shared libraries: libaio ...
    
			
    2. 
						
  2. hadoop从非HA转到NAMENODE HA时需要注意的一个问题
			
    配置core-site.xml 配置hdfs-site.xml 配置mapred-site.xml 配置yarn-site.xml 纷发至其他节点 修改RM 2 ..N 上面的节点信息 格式化ZK h ...
    
			
    3. 
						
  3. 帆软报表FineReport SQLServer数据库连接失败常见解决方案
			
    1. 问题描述 帆软报表FineReport客户端连接SQLServer(2000.2005等),常常会出现如下错误:com.microsoft.sqlserver.jdbc.SQLServerExc ...
    
			
    4. 
						
  4. cefsharp重写默认js弹窗（alert/confirm/prompt）
			
    1.设置js弹窗控制器 webView.JsDialogHandler = this;  //js弹窗控制 this表示本类对象,所以本类要实现IJsDialogHandler接口 2.实现IJsDi ...
    
			
    5. 
						
  5. NopCommerce  增加 Customer Settings
			
    预期: 仿照Customer 的 Phone number enabled 和 required 增加MemberType 相关步骤如下: 1.运行站点 Admin -> Settings -& ...
    
			
    6. 
						
  6. 2016.10.29  清北学堂NOIP冲刺班Day1 AM 考试总结
			
    成绩:满分300,我得了200, 1:90//前两个题目都是模拟,没用到什么其他算法,第一题有可能少考虑了一点细节 2:100 3:10//感觉是个DP,但是毫无思路,只打了个普通背包,10分而已.  ...
    
			
    7. 
						
  7. java怎么导入一个项目到eclipse
			
    http://jingyan.baidu.com/article/48b37f8d649de31a646488e8.html点击左上角菜单栏file--import选择existing project ...
    
			
    8. 
						
  8. required string parameter XXX is not present
			
    @RequestParam jQuery调用方式: deleteFile: function(filePath) { return ajax({ method: 'POST', url: '/cm/s ...
    
			
    9. 
						
  9. oracle连接方式、创建数据库用户、忘记数据库密码、用户锁定
			
    一.oracle六种连接方式 ①myEclipse中 打开myEclipse,window----show view----Other---输入DB点击DB browser 选中右键New.出现如下页 ...
    
			
    10. 
						
  10. 直线的参数方程ABC
			
    直线的参数方程的来源 如图所示, 直线\(l\)的倾斜角为\(\theta\),经过定点\(P_0(x_0,y_0)\),在直线上有一动点\(P(x,y)\),如果我们取直线的单位方向向量\(\vec ...
    
			
    11.