當前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

ExtJs学习笔记(5)_Ajax示例

發布時間：2023/11/27 生活经验 41 豆豆

生活随笔收集整理的這篇文章主要介紹了 ExtJs学习笔记(5)_Ajax示例小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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()?{

????????var?fnAjaxDemo?=?function()?{
????????????var?mydata;
????????????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>

???
????????<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示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。