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