ExtJs学习笔记(5)

ExtJs对于Ajax的使用非常简单，看下面的代码:

1.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" >
<head >
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="js/ext2.2/resources/css/ext-all.css" />
     <script type="text/javascript" src="js/ext2.2/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="js/ext2.2/ext-all.js"></script>
    <title></title>
</head>
<body>
<script type="text/javascript">
    Ext.onReady(function() {

Ext.get("btnTest").on("click", fnAjaxDemo);

})
</script>

<input id="name" value="Jimmy" name="name" />
<button id="btnTest">获取服务端信息</button>

</body>
</html>

2.服务端GetData.ashx

using System.Web;
using System.Web.Services;

namespace Ajax_WCF
{
    /// <summary>
    /// $codebehindclassname$ 的摘要说明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    public class GetData : IHttpHandler
    {

public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            if (context.Request["name"] != null && context.Request["name"].ToString()!="")
            {
                context.Response.Write("Hello World," + context.Request["name"].ToString() + "!");
            }
            else
            {
                context.Response.Write("Hello World");
            }
        }

public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

运行效果：

转载请注明来自"菩提树下的杨过"http://www.cnblogs.com/yjmyzz/archive/2008/08/30/1279918.html

转载于:https://www.cnblogs.com/yjmyzz/archive/2008/08/30/1279918.html

ExtJs学习笔记(5)_Ajax示例相关推荐

【FastDDS学习笔记】HelloWorld示例程序编译和运行
目录第一章:[FastDDS学习笔记]Ubuntu22上安装fastDDS环境第二章:[FastDDS学习笔记]HelloWorld示例程序编译和运行第三章:[FastDDS学习笔记]Fast- ...
java message bus_【Microsoft Azure学习之旅】消息服务Service Bus的学习笔记及Demo示例...
今年项目组做的是Cloud产品,有幸接触到了云计算的知识,也了解并使用了当今流行的云计算平台Amazon AWS与Microsoft Azure.我们的产品最初只部署在AWS平台上,现在产品决定同时支 ...
extlink.php,ExtJs 学习笔记基础篇 Ext组件的使用_extjs
昨天刚接触到Extjs,简单写了篇学习笔记,今天继续. 天介绍一下Ext中组件举几个简单的例子做说明.注意:文章内容有些摘自本人学习过程中看到的资料. Ext2.0对框架进行了非常大的重构,其中最重要 ...
Halcon学习笔记：xyz_attrib_to_object_model_3d示例
Halcon学习笔记:xyz_attrib_to_object_model_3d--从X.Y和Z图像中创建3D对象模型同时附加属性 xyz_attrib_to_object_model_3d.hdev ...
OpenCV学习笔记与代码示例（三）：张氏标定法标定相机原理及函数详解
目录 1.张氏标定法基本原理 1.1相机针孔模型 1.2单应矩阵H 1.3求相机内参 1.4求相机外参 1.5优化参数 1.6总结 2.OpenCV实现 2.1特征点检测与靶标坐标初始化 2.2相机标 ...
python通信信号处理_python学习笔记——信号模块signal(示例代码)
基于python学习笔记--多进程间通信--Linux信号基础的学习基础,进一步学习Python标准库中的signal模块. 尽管signal是python中的模块,但是主要针对UNIX平台(比如Li ...
ExtJs学习笔记(3)_GridPanel[XML做数据源]
这一节,将学习到除了用JSON做GridPanel的数据源外,还可以使用XML 一.静态示例 1.xml文件内容: <?xml version="1.0" encoding= ...
ExtJs学习笔记(2)_Basic GridPanel[基本网格]
这一节,将学习如何使用网络上最常见的UI控件_Grid 1.静态示例: 静态示例其实官方下载包里,就有sample,这里只贴出代码,后面的如何跟WCF结合,做出动态版的Grid才是本文重点 <! ...
ExtJs学习笔记(4)_EditorGridPanel(可编辑的网格控件)
这一节,我们将看到ExtJs功能强大的可编辑网格控件,几乎与VS.Net的GridView功能一样了,但是ExtJs的可是纯JS的UI 一.静态示例(改自ExtJs的官方示例) a.因为我们是采用xm ...

ExtJs学习笔记(5)_Ajax示例

ExtJs学习笔记(5)_Ajax示例相关推荐

最新文章

热门文章