extjs viewmodel ajax,ExtJs的Ajax示例

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

1.Html页：html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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);

})

获取服务端信息

2.服务端GetData.ashxusing System.Web;

using System.Web.Services;

namespace Ajax_WCF

{

/// 

/// codebehindclassname 的摘要说明

/// 

[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;

}

}

}

}

打开App，阅读手记