使用Javascript Ajax 通信操作JSON数据 [上]
2024-08-23 01:58:30
以前只是知道json的格式而已,也做过的是从数据库获得数据然后弄成json的格式然后赋给HighCharts生成曲线,先把数据库的数据使用array()函数转换成数组,然后使用json_encode()函数将数组格式转换为json格式,从而再传输给HighCharts中的代码,从而生成曲线。 (json_code()和json_encode()的作用是一样的)
今天加强了json_code()函数和json_decode()函数的学习,通过$.GET()来获得后台的数据然后输出到前台。
下面是前台client.html的代码:
<html>
<head>
<title>初始化网站基本信息</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<script>
$("document").ready(function() {
var url = "server.php?inAjax=1&do=checkMember&username=ericwolf";
var data={};
$.get(url,data,function(res) {
var jsonObj = eval("("+res+")");
$("#username").val(jsonObj.username);
$("#groupname").val(jsonObj.groupname);
$("#uid").val(jsonObj.uid);
});
});
</script> <div>
用户名:<input type="text" name="username" id="username">
<br/>
会员组:<input type="text" name="groupname" id="groupname">
<br>
UID:<input type="text" name="uid" id="uid">
</body>
</html>
其中$.GET中的function(res)中的res是返回前台的数据,因为返回后的数据在后台的时候已经使用json_code()转换为json格式了,然后通过jsonObj.username将获取的数据赋给表单中。
下面是后台server.php的代码:
<?php
$inAjax = $_GET['inAjax'];
$do = $_GET['do'];
$do = $do?$do:"default";
if(!$inAjax) return false; include 'db.class.php' ; switch($do) {
case "checkMember":
$username = $_GET['username'];
$sql = "SELECT * FROM check_member WHERE username='$username'";
$result = $dbObj->getOne($sql);
echo (!empty($result))?json_encode($result):"null";
break;
case "default":
die("nothing");
break;
}
其中db,class.php是连接数据库的代码,还有包含了getOne()函数,这个函数是从数据库获取一条数据的函数。
在浏览器中输入client.html后回车,然后在firebug中查看返回的数据如下图:
点击该链接后得到下图:
相应得到数据库的数据,并返回的格式是json格式。
这时可以看到,原本表单中没有数据,现在已经有了获得的数据:
最新文章
- asp.net GDI+绘制五边形
- Portal.MVC —— nopcommerce的简化版
- c语言数据问题
- fragment中嵌入viewpager的问题
- ld can&#39;t link with a main executable file for architecture armv7
- MVC&;amp;&;amp;MVP
- Linux下高并发socket链接数测试
- 201521123070 《JAVA程序设计》第8周学习总结
- idea为tomcat设置虚拟地址
- oracle 表 库实例 空间
- LinkedHashMap 根据PUT顺序排序Map
- phpmyadmin 安装
- nginx配置https访问
- poj2699
- Python开发【笔记】:获取目录下所有文件
- WPF LinkButton
- log4j配置简要说明
- Megcup2017 Dogfood
- 隐藏Windows不常用设置项
- Struts2问题总结