您的位置：首页 > Web前端 > JavaScript

通过extjs获取服务器后台数据演示，很简单，很好学

2011-04-23 14:20 387 查看
分为两个页面，一个是前台页面，一个是后台数据输出页面，实际应用自己处理即可。

同时测试了两种数据，一种是直接获取，用//注释起来了，另一种是通过json，很方便

获取页面：

<?php
/*****************************************************
程序名称:	ext获取后台数据
程序说明:	测试ext通过json获取后台数据
编写时间:	2011年4月23日
编写人员:	童童
修改时间:	2011年4月23日
修改人员:	童童
备    注:	获取数据页面data.php生成的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" />
<meta name="generator" content="tielement" />
<meta name="author" content="tielement" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="copyright" Content="本页版权归童童所有。All Rights Reserved icediary" />
<title>首页</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" mce_href="extjs/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" title="blue" href="extjs/resources/css/xtheme-blue.css" mce_href="extjs/resources/css/xtheme-blue.css" />
<mce:script type="text/javascript" src="extjs/ext-base.js" mce_src="extjs/ext-base.js" ></mce:script>
<mce:script type="text/javascript" src="extjs/ext-all.js" mce_src="extjs/ext-all.js" ></mce:script>
<mce:script type="text/javascript" src="js/default.js" mce_src="js/default.js"></mce:script>
<mce:script language="javascript" type="text/javascript"><!--
Ext.onReady(function() {
Ext.Ajax.request(
{
url: "data.php",
success: function(response, config)
{
//alert(config.url + "," + config.method);
//下面注释为直接获取数据
//Ext.MessageBox.alert("result", response.responseText);
var json = Ext.util.JSON.decode(response.responseText);
//注意传值: author 和 time
Ext.MessageBox.alert("result", json.author + "," + json.time);
},
failure: function()
{
Ext.MessageBox.alert("result", "请求失败");
},
method: "post",
params: {name: "json"}
});

});
// --></mce:script>
</head>
<body>
<?php
/*****************************************************
程序名称:
程序说明:
编写时间:
编写人员:	童童
修改时间:
修改人员:	童童
备    注:
****************************************************/
//phpinfo();
?>
</body>
</html>


后台数据输出页面：

<?php
/*****************************************************
程序名称:	生成JSON数据
程序说明:	为测试ext获取json编写
编写时间:	2011年4月23日
编写人员:	童童
修改时间:	2011年4月23日
修改人员:	童童
备    注:	注意传值: author 和 time
****************************************************/
if (isset($_POST["name"]))
{
//选择判断
switch ($_POST["name"])
{
case 'tonggh':
echo 'get the name param is :' . $_POST["name"];
break;
case 'json':
{
$arr = array ('author'=>'tonggh','time'=>date("Y-m-d H:i:s"));
echo json_encode($arr);
break;
}
default:

}
}
else
{
echo "asdfasdasdf";
}
?>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航