JSON

找元素:
1.根据ID找 $("#id")
2.根据class找 $(".class")
3.根据属性找 $("[name=value]")
4.根据标签名找 $("div")

操作内容
表单
$("#id").val();
非表单
$("#id").text();
$("#id").html();

操作属性
$("#id").attr();
$("#id").removeAttr();

操作样式
$("#id").css();

事件:
1.不写on
2.不在标签里面写
3.用jquery代码给元素绑定事件

$("#id").change(function(){

})
$("#id").bind("change",function(){

})

</div>

<script type="text/javascript">

//JSON类型数据
//定义:花括号括起来,key和value成对存在,可以存储任何类型数据

var js = {
"one":"1111",
"two":"2222",
"three":new Array(1,2,3),
"four":{a:1,b:2,c:3}
};

var cc = {4:12345};
js.one.push(cc);
//循环JSON数据
for(var k in js)
{
alert(js[k]);
}

//将数组转换为JSON
echo json_encode($arr);

<!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" />
<title>无标题文档</title>
<script src="popwindow/jquery-1.11.2.min.js"></script>
</head>

<body>
<br />
<div>请输入代号:<input type="text" id="code" />
<input type="button" value="查询" id="btn" />
</div>
<br />
<div id="name"></div>
<br />
<br />

<div>请选择:<select id="sel">
<option value="p001">张三</option>
<option value="p002">李四</option>
<option value="p003">王五</option>
</select></div>
<br />
<div id="xinxi"></div>

</body>
<script type="text/javascript">
$(document).ready(function(e) {
    $("#btn").click(function(){
		
		var code = $("#code").val();
		
		$.ajax({
			url:"selchuli.php",
			data:{code:code},
			type:"POST",
			dataType:"JSON",
			success: function(data){
					$("#name").text(data.name);
				}
			
			});
		
		})
		
	$("#sel").change(function(){
		
		var code = $(this).val();
		
		$.ajax({
			url:"xxchuli.php",
			data:{code:code},
			type:"POST",
			dataType:"JSON",
			success: function(data){
					
					var str = "<span>代号:"+data[0]+"姓名:"+data[1]+"性别:"+data[2]+"生日:"+data[4]+"</span>";
					$("#xinxi").html(str);
				}
			
			});
		
		})	
	
});
</script>
</html>

  处理页面

<?php
$code = $_POST["code"];
include("../DBDA.php");
$db = new DBDA();

$sql = "select Name from Info where Code = '{$code}'";
$attr = $db->Query($sql);

//做一个关联数组
$arr = array();
$arr["name"] = $attr[0][0];

//将数组转换为JSON
echo json_encode($arr);

  ajax实现返回json

<script type="text/javascript">
$(document).ready(function(e) {
    $.ajax({
		url:"jsonchuli.php",
		dataType:"JSON",
		success: function(data){
			for(var k in data)
			{
				alert(data[k]);
			}
			}
		});
});
</script>

  

原文地址:https://www.cnblogs.com/hamilton/p/5616899.html