ExtJs对于Ajax的使用非常简单,看下面的代码:
1.Html页:
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<linkrel="stylesheet"type="text/css"href="js/ext2.2/resources/css/ext-all.css"/>
<scripttype="text/javascript"src="js/ext2.2/adapter/ext/ext-base.js"></script>
<scripttype="text/javascript"src="js/ext2.2/ext-all.js"></script>
<title></title>
</head>
<body>
<scripttype="text/javascript">
Ext.onReady(function(){
varfnAjaxDemo=function(){
varmydata;
Ext.Ajax.request({
url:"GetData.ashx?name="+encodeURIComponent(Ext.get("name").dom.value),//服务器端地址
success:function(request){
mydata=request.responseText;//服务器端文本数据
Ext.MessageBox.alert("返回值",mydata);
},
failure:function(){
alert("failure!");
}
});
}
Ext.get("btnTest").on("click",fnAjaxDemo);
})
</script>
<inputid="name"value="Jimmy"name="name"/>
<buttonid="btnTest">获取服务端信息</button>
</body>
</html>
2.服务端GetData.ashx
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->usingSystem.Web;
usingSystem.Web.Services;
namespaceAjax_WCF
{
///<summary>
///$codebehindclassname$的摘要说明
///</summary>
[WebService(Namespace="http://tempuri.org/")]
[WebServiceBinding(ConformsTo=WsiProfiles.BasicProfile1_1)]
publicclassGetData:IHttpHandler
{
publicvoidProcessRequest(HttpContextcontext)
{
context.Response.ContentType="text/plain";
if(context.Request["name"]!=null&&context.Request["name"].ToString()!="")
{
context.Response.Write("HelloWorld,"+context.Request["name"].ToString()+"!");
}
else
{
context.Response.Write("HelloWorld");
}
}
publicboolIsReusable
{
get
{
returnfalse;
}
}
}
}
运行效果:
转载请注明来自"菩提树下的杨过"http://www.cnblogs.com/yjmyzz/archive/2008/08/30/1279918.html
欢迎加入:http://www.itpob.cn/bbs
分享到:
相关推荐
ExtJs 教程与实例_学习笔记 1.什么是ExtJs 2....等等
16. extJs 2.0学习笔记(Ajax篇) 38 17. extJs 2.0学习笔记(Ext.data序论篇) 39 18. extJs 2.0学习笔记(Ext.Panel终结篇) 40 19. extJs 2.0学习笔记(事件注册总结篇) 45 20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21....
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
Extjs 5 学习笔记,在网上下载整理好的。
16. extJs 2.0学习笔记(Ajax篇) 38 17. extJs 2.0学习笔记(Ext.data序论篇) 39 18. extJs 2.0学习笔记(Ext.Panel终结篇) 40 19. extJs 2.0学习笔记(事件注册总结篇) 45 20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21....
ExtJS实现的用户管理界面,实现了用户的增加功能、修改功能、删除功能、查看工程。还提供了下拉列表选择框进行年龄的选择功能。
ExtJS_Tree利用_JSON_在Struts_2实现Ajax动态加载树结点,精彩不容错过。
资源名称:获取ExtjS表格的值_ ExtJS_3.4 cellSelectModel资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
EXTJS实用开发指南_个人整理笔记.pdf
基于ExtJS+J2EE的人力资源管理系统,系统架构SSH+AJAX,架构搭建优良,非常值得学习!!!其实我很多东西就是从pudn上学来了,pudn给了我太多的帮助!!!
在tapestry中应用extjs的兼容代码
extjs学习笔记, 对应的书籍是extjs in action 没有看完...呵呵
Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经达到1MB的ext-all.js了,本文介绍如何在EXTJS4...
extjs_struts2_整合
EXTJS+PHP bs小型房屋管理系统
EXTJS+ASP开发通讯录程序,作为学习EXTJST学习实例
EXTJS 学习笔记 ROY EXTJS学习笔记,自己学习的过程,不多但是实用
extjs_mvc架构_实例
基于EXTJS+PHP开发的单用户博客系统,值得借签