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 in Action 是一本专为学习EXTJS编写的书籍，但这里我们主要关注学习笔记中的关键知识点。 首先，EXTJS的目录结构非常重要，因为它包含了所有必要的资源和源码： 1. `adapter`：这部分包含了适配器，用于将...
这个学习笔记涵盖了从基础到高级的多个主题，帮助读者深入理解ExtJs的核心概念和技术。以下是一些关键知识点的详细说明： 1. **ExtJs 结构树**：这部分内容可能涉及ExtJs如何构建可自定义的用户界面组件树，包括...
### ExtJS 学习笔记概览 #### 一、ExtJS 入门 **1.1 ExtJS 构成及如何引用** ExtJS 是一款基于 JavaScript 的开源框架，专为 Web 应用程序的前端界面设计。其核心优势在于提供了一套丰富的 UI 组件和强大的数据...
在本篇《ExtJS4学习笔记十一：树控件的使用》中，我们将深入探讨ExtJS框架中的树形控件（TreePanel），这是一种强大的UI组件，用于展示层次结构的数据。ExtJS4对树控件的功能进行了增强，使其更加灵活且易于使用。...
本资源包包含了与ExtJS 3.4相关的学习资料，包括`Ext-core.pdf`、`轻松搞定Extjs.pdf`以及`Extjs学习笔记.docx`，旨在帮助初学者或有经验的开发者更好地理解和掌握ExtJS 3.4。 `Ext-core.pdf` 是关于Ext Core的文档...
这篇“ExtJS笔记——Grid实现后台分页”探讨了如何在ExtJS的Grid组件中实现高效的后台分页功能。 后台分页是一种常见的数据处理策略，特别是在大数据量的情况下，它将数据分批加载，避免一次性加载所有记录导致的...
首先，ExtJS的"Hello World"示例通常涉及到引入必要的库文件。在开始使用ExtJS之前，你需要从官方网站（http://extjs.com/products/extjs/download.php）下载框架的最新版本。解压后，你会看到包含adapter、build、...
“chinaz.com.txt”可能是EXTJS开发过程中的笔记、示例代码或者资源链接，而“ext-3.3.1”则是EXTJS 3.3的核心库文件，包含了所有必要的JavaScript和CSS资源。 学习EXTJS 3.3，你需要掌握JavaScript基础知识，理解...
**jQuery EasyUI 学习笔记珍藏版** jQuery EasyUI 是一个基于 jQuery 的前端框架，它为开发者提供了丰富的UI组件，使得构建用户界面变得更加简单高效。这个珍藏版的学习笔记涵盖了广泛的jQuery EasyUI主题，旨在...
通过学习这份笔记，开发者可以深入了解ExtJS的架构，提高开发效率，打造出功能丰富且用户体验优秀的Web应用程序。 总之，《AnyFo - ExtJS 移魂大法》是一份详尽的ExtJS实战指南，无论对于新手还是有经验的开发者，...
JQuery学习基础学习笔记为我们提供了一个全面认识和了解JQuery的机会，JQuery是一个快速、小巧且功能丰富的JavaScript库。它简化了HTML文档遍历和事件处理、DOM操作、动画以及Ajax交互，从而加速了web开发过程。 ...
5. **Ajax**: 异步通信技术。 6. **ExtJS、DWR**: 前端框架和技术。 ### Java 之父 James Gosling 1. **1990 年**: Sun Microsystems 启动“绿色计划”。 2. **1992 年**: 创建 Oak 语言，后更名为 Java。 3. **...
### easyUI笔记知识点详解 #### 一、什么是jQuery EasyUI？ **jQuery EasyUI** 是一组基于 jQuery 的 UI 插件集合。它的目标是帮助 Web 开发者更容易地创建功能丰富且美观的用户界面。通过使用 **jQuery EasyUI**...
"EXT学习文档 .doc"则可能是个人或社区编写的EXT学习笔记，通常会包含作者在实践中遇到的问题和解决方案，这种实战经验对初学者来说极具价值，可以避免走弯路。 总的来说，这个名为"ext资料大全"的压缩包提供了一套...
接下来是"ExtJS2.0开发与实践笔记"系列文档。这些文档深入探讨了Ext2.0的各个方面，可能包括布局管理（Layouts）、数据存储（Data Stores）、Ajax通信（Ajax Requests）以及组件扩展（Component Extension）。布局...
### ExtJS概述 #### 1.1 ExtJS定义 ExtJS是一种高级的JavaScript库，它主要用于构建复杂的Web应用程序。此框架允许开发者利用Ajax技术轻松创建动态的用户界面，且其最大的特点是与后端技术无关，这意味着它可以在...