Ext直接调用ASP.Net Ajax Webservice

ExtJS发布了2.1版,经过测试,这个版本可以直接调用ASP.Net Ajax的WebService,示例代码如下:

1. WebService代码:

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

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class TestWebService : System.Web.Services.WebService {

	[WebMethod]
	public string HelloWorld(string firstName, string lastName) {
		return string.Format("Hello {0} {1}", firstName, lastName);
	}

	[WebMethod]
	public string ExceptionMethod(int param) {
		throw new NotImplementedException("该方法未实现");
	}
}

2. 客户端调用代码:

function CallHelloWorld() {
	Ext.Ajax.request({
		url: 'TestWebService.asmx/HelloWorld', // Webservice的地址以及方法名
		jsonData: { firstName: 'AAA', lastName: 'BBB' }, // json 形式的参数
		method: 'POST', // poste 方式传递
		success: onSuccess,
		failure: onFailure
	});
}
function CallExceptionMethod() {
	Ext.Ajax.request({
		url: 'TestWebService.asmx/ExceptionMethod',
		jsonData: { param: 3 },
		method: 'POST',
		success: onSuccess,
		failure: onFailure
	});
}
function onSuccess(request, options) {
	// 服务器返回json形式的结果
	var result = Ext.util.JSON.decode(request.responseText);
	Ext.Msg.alert('返回结果', result.d);
}
function onFailure(request, options) {
	alert(request.responseText);
}

3. 返回结果分别为:

 image

image

posted on 2008-04-26 15:13 Beginor 阅读(848) 评论(2)  编辑 收藏 所属分类: AJAXExtJS

评论

#1楼  2008-04-26 20:52 簡簡單單..      

请问 ExtJS.JS 下载地址在哪?   回复  引用  查看    

#2楼  2008-06-16 20:16 woog离线 [未注册用户]

CallExceptionMethod()函数没有被调用。似乎可能出现死循环。   回复  引用    


标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
"五向定位"职业成长路线公开课(上海、南京、大连)
Google站内搜索


相关链接:
 

导航

公告

Google 网上论坛
WorldWind开发
访问此论坛

与我联系

搜索

 

常用链接

留言簿(1)

随笔分类(51)

随笔档案(36)

相册

最新随笔