ExtJs学习笔记(5)_Ajax示例
生活随笔
收集整理的這篇文章主要介紹了
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示例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 夜微凉琴飞扬是谁写的啊？
- 下一篇： 上大学一年学费多少钱？