【ext js 学习笔记】获取后台返回的自定义错误信息
2010-03-16 13:51
896 查看
突然发现某位大侠的管理后台是用EXT JS写的,让我觉得效果非常炫,所以自己也开始自学EXT JS。
做了一个DEMO,功能主要是前台页面获取后台返回的自定义的错误信息。
本DEMO需要自己下EXT的框架包。
页面demo.html:
<!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" xml:lang="zh" lang="zh" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ext demo</title>
<link rel="Stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="Stylesheet" type="text/css" href="resources/css/xtheme-gray.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="src/locale/ext-lang-zh_CN.js"></script>
</head>
<body>
<script type="text/javascript">
function ready()
{
Ext.Ajax.request
({
url:"json.php",
success: function(response,option)
{
var resu = Ext.decode(response.responseText);
if(resu)
{
if(resu.success)
{
Ext.Msg.alert('提示消息',"加载成功!");
}
else
{
Ext.Msg.alert('提示消息',"加载失败!失败信息:"+resu.error);
}
}
},
failure: function(response,option)
{
Ext.Msg.alert('提示消息',"加载失败!后台出现了严重的未捕获到的异常!");
}
});
}
Ext.onReady(ready);
</script>
</body>
</html>
后台处理页面json.php:
header('Content-Type: text/html; charset=utf-8');
try{
$hostname='localhost';
$user='root123';
$pwd='123';
$dbname='uc';
$sql='SELECT * FROM `uc_members`';
$info=array();
$connect = @mysql_connect($hostname,$user,$pwd);
if ($connect === false)
{
throw new Exception('cannot connect do mysql');
}
$select = @mysql_select_db($dbname,$connect);
if ($select === false)
{
throw new Exception('cannot select db');
}
$query = mysql_query($sql , $connect);
if ($query === false)
{
throw new Exception('db syntax error');
}
$info['success'] = true;
$info['error'] = 'all right';
mysql_close($connect);
}
catch(Exception $ex)
{
$info['success'] = false;
$info['error'] = $ex->getMessage();
}
$json_string=json_encode($info);
echo $json_string;
效果图如下:
做了一个DEMO,功能主要是前台页面获取后台返回的自定义的错误信息。
本DEMO需要自己下EXT的框架包。
页面demo.html:
<!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" xml:lang="zh" lang="zh" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ext demo</title>
<link rel="Stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="Stylesheet" type="text/css" href="resources/css/xtheme-gray.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="src/locale/ext-lang-zh_CN.js"></script>
</head>
<body>
<script type="text/javascript">
function ready()
{
Ext.Ajax.request
({
url:"json.php",
success: function(response,option)
{
var resu = Ext.decode(response.responseText);
if(resu)
{
if(resu.success)
{
Ext.Msg.alert('提示消息',"加载成功!");
}
else
{
Ext.Msg.alert('提示消息',"加载失败!失败信息:"+resu.error);
}
}
},
failure: function(response,option)
{
Ext.Msg.alert('提示消息',"加载失败!后台出现了严重的未捕获到的异常!");
}
});
}
Ext.onReady(ready);
</script>
</body>
</html>
后台处理页面json.php:
header('Content-Type: text/html; charset=utf-8');
try{
$hostname='localhost';
$user='root123';
$pwd='123';
$dbname='uc';
$sql='SELECT * FROM `uc_members`';
$info=array();
$connect = @mysql_connect($hostname,$user,$pwd);
if ($connect === false)
{
throw new Exception('cannot connect do mysql');
}
$select = @mysql_select_db($dbname,$connect);
if ($select === false)
{
throw new Exception('cannot select db');
}
$query = mysql_query($sql , $connect);
if ($query === false)
{
throw new Exception('db syntax error');
}
$info['success'] = true;
$info['error'] = 'all right';
mysql_close($connect);
}
catch(Exception $ex)
{
$info['success'] = false;
$info['error'] = $ex->getMessage();
}
$json_string=json_encode($info);
echo $json_string;
效果图如下:
相关文章推荐
- 【原】基础篇:第十二篇,Ext组件系列之--如何获取后台返回的自定义错误信息和系统异常信息
- Vijava 学习笔记之(获取用户自定义规范相关信息)
- Java for Web学习笔记(八二):RESTful(2)返回错误信息
- Sharepoint学习笔记---Debug&TroubleShooting-如何让Sharepoint2010网站返回详细错误信息
- Vijava 学习笔记之(获取自定义规范定义的IP相关配置信息)
- Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
- ASP.NET中MVC使用AJAX调用JsonResult方法并返回自定义错误信息
- StringTemplate.Net 学习笔记(11):自定义错误处理
- Vijava 学习笔记之(获取用户指定自定义规范)
- ASP.NET MVC3 AJAX调用JsonResult方法并返回自定义错误信息
- Keras深度学习框架学习笔记(3) - AttributeError:’module’ object has no attribute ‘ifelse’错误信息的解决方法
- windows phone学习笔记 之获取网络信息
- spring学习笔记--在自定义servlet中获取到spring的applicationcontext
- 一个 Android程序员的小程序入门学习笔记『三』(自定义属性和获取属性)
- Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
- [原创]java WEB学习笔记67:Struts2 学习之路-- 类型转换概述, 类型转换错误修改,如何自定义类型转换器
- [C#学习笔记]获取当前系统的基本信息
- ASP.NET MVC 学习笔记-7.自定义配置信息
- IOS学习笔记(十三)——获取手机信息(UIDevice、NSBundle、NSLocale)
- 在linux中获取错误返回信息