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. CDH离线数据导入solr：利用MapReduceIndexerTool将json文件批量导入到solr
			
    场景描述:前段时间,将实时数据通过kafka+flume+morphline的方式接入到solr中.新进来的数据已经可以在solr中看到了,但是以前的历史数据还没有导入solr. CDH提供利用Map ...
    
			
    2. 
						
  2. 【hive】——Hive sql语法详解
			
    Hive 是基于Hadoop 构建的一套数据仓库分析系统,它提供了丰富的SQL查询方式来分析存储在Hadoop 分布式文件系统中的数据,可以将结构 化的数据文件映射为一张数据库表,并提供完整的SQL查 ...
    
			
    3. 
						
  3. 分布式搜索引擎Elasticsearch的简单使用
			
    官方网址:https://www.elastic.co/products/elasticsearch/ 一.特性 1.支持中文分词 2.支持多种数据源的全文检索引擎 3.分布式 4.基于lucene的 ...
    
			
    4. 
						
  4. Oracle 12c 使用scott等普通用户的方法
			
    目录: 一.前言 二.使用普通用户 三.自动启动PDB 一.前言 最近电脑上安装了oracle 12c数据库,想体验下新特性.安装完后,便像11g一样在dos窗口进行下面的操作: SQL Produc ...
    
			
    5. 
						
  5. Snapshot Instance 操作详解 - 每天5分钟玩转 OpenStack（36）
			
    本节我们通过日志详细讨论 instance 的 snapshot 操作. 有时候操作系统损坏得很严重,通过 Rescue 操作无法修复,那么我们就得考虑通过备份恢复了.当然前提是我们之前对instan ...
    
			
    6. 
						
  6. Python安装
			
    Win10 安装Python 1.官网下载Python安装包,一直点击下一步进行安装 安装完Python后要设置环境变量,右键我的电脑-->属性-->高级系统设置-->环境变量--& ...
    
			
    7. 
						
  7. MongoDB官方C#驱动中查询条件Query用法
			
    Query.All("name", "a", "b");//通过多个元素来匹配数组 Query.And(Query.EQ("nam ...
    
			
    8. 
						
  8. 第1章  Linux系统简介
			
    第1节 UNIX发展历史和发行版本 1. UNIX与Linux发展史 1.1 UNIX发展历史 (1)1965年,美国麻省理工学院(MIT).通用电气公司(GE)及AT&T的贝尔实验室联合开发 ...
    
			
    9. 
						
  9. spring初次体验
			
    1.BeanFactory:实际上是实例化,配置和管理众多bean的容器.这些bean通常会彼此合作,因而它们之间会相互依赖.BeanFactory使用的配置数据可以反映这些依赖关系中(一些依赖可能不 ...
    
			
    10. 
						
  10. Eclipse SVN图标等设置
			
    
			
    11.