ajax中网页传输(二)JSON——下拉列表显示练习

以json返回数据类型显示“民族下拉列表”

第一:body页面显示部分

<title>JSON下拉显示Nation表中的数据</title>
<script src="jquery-2.0.0.min.js"></script>
</head>
<body>
<h1>用下拉显示Nation表中的数据</h1>
<select id="sel">
</select>
</body>

  

第二:jscrip中ajax后台函数运行部分

<script type="text/javascript">
$(document).ready(function(e) {

		$.ajax({
	      url:"chuli.php",
		  dataType:"JSON",
		  success: function(data){

			  var str="";

			  for(k in data)
			  {
				  str+="<option value=‘"+data[k][0]+"‘>"+data[k][1]+"</option>";
			  }
			  $("#sel").html(str);
			  }

	});
})

</script>

  

第三:后台调用数据库chuli.php代码

<?php
   include("DBDA.class.php");
   $db=new DBDA();

   $sql="select * from nation";
   $attr=$db->Query($sql);

   echo json_encode($attr);  //json_encode()将数组直接转化为json形式

  json_encode()函数可以理解为将数组转化为json形势

json定义形式{key1:value1,

key2:value2,

key3:value3.....}

时间: 2024-10-21 18:23:24

ajax中网页传输(二)JSON——下拉列表显示练习的相关文章

ajax中网页传输(三)XML——下拉列表显示练习

XML:页面之间传递数据,跨平台传递 HTML:超文本标记语言,核心标签 XML的形势为 <xml version='1.0'> <Nation> <one> <code>n001</code> <name>汉族</name> </one> <two> <code>n002</code> <name>苗族</name> </two> <

ajax中网页传输(一)TEXT——带有删除功能的数据库表格显示练习

网页之间传输的三种方式:TEXT.JSON.XML. 本章将讲解带有TEXT形势的ajax网页传输 第一:body部分代码 <title>ajax中TEXT讲解并且带有删除功能的表格</title> <script src="jquery-2.0.0.min.js"></script> <style type="text/css"> .sc { width:70px; height:30px; backgr

ajax中设置contentType: &quot;application/json&quot;,后端参数如何接收

javaScript部分 这里contentType: "application/json还未设置 1. function testRequestBody() { var book = new Object(); var id = 1; var name = "Spring MVC企业应用实践"; book.id = 1; book.name = "Spring MVC企业应用实践"; $.ajax({ url:"${pageContext.re

将JSON数组显示前台Table中

将JSON数组显示前台Table中 在最近的学习中遇到一个小问题,如何把JSON数组显示在前台的table中,经过一番借鉴和学习之后终于解决了这个问题.具体的代码如下: (前提:利用ajax获取过来的JSON字符串必须是规范的,这样才能解析正确.后台获取数据库中数据的代码省略了) 1.前台JS代码(使用之前引入JQuery的js库文件) $.ajax({ type: "GET", url: "UserList.ashx?Action=List",//利用ajax请求

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

对于问题从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码. 需求:url:链接     par:ID       sel:下拉列表选择器 function BuildSelectBox(url, par, sel) {  $(sel).empty();  $.getJSON(url, { id: par }, function (json, textStatus) {   for (var i = json.length - 1; i >= 0; i--) {  

ExtJS问题(1)- Ajax中LoadMask未显示的问题

首先,介绍下问题, 缘由:我用Ext.Ajax来获取数据,由于后台数据较多,所以在Ajax前调用了下LoadMask来显示等待遮罩,待获取数据后取消遮罩. 现象:遮罩未显示,我在chrome中断点代码,断点到显示遮罩后.调用Ajax前的时候遮罩显示. 代码:(Ext版本4.2) var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."}); myMask.show(); Ext.Ajax.request({  

在ajax中对于json的运用

在action中把对象编程json字符串,代码: public class ShowRolePrivilegeAction { private int roleId; private String rolePrivileges; private IPermissionDao permissionDao;  public void setPermissionDao(IPermissionDao permissionDao){  this.permissionDao = permissionDao;

java痛苦学习之路[十二]JSON+ajax+Servlet JSON数据转换和传递

1.首先客户端需要引入 jquery-1.11.1.js 2.其次javaweb工程里面需要引入jar包  [commons-beanutils-1.8.0.jar.commons-collections-3.1.jar.commons-lang-2.4.jar.commons-logging-1.1.3.jar.ezmorph-1.0.6.jar.json-lib-2.3-jdk15.jar] 3.客户端js端代码 4.servlet 服务器,映射的路径CardColl 以上就是整个过程,如果

$.ajax中dataType为json时后台write的写法

使用jQuery中的ajax获取纯数据时,如果dataType是json后台java中的write应该怎样写呢? 1 $.ajax({ 2 url:"********", 3 success:function(data) { 4 alert(data.data); 5 }, 6 error:function() { 7 alert("error"); 8 }, 9 dataType:"json", 10 type:"post"