В ASP.NET 2.0 AJAX веб-службу сервера можно легко вызвать в клиенте js. Ниже приведены некоторые примеры вызовов. Версия ASP.NET 2.0 AJAX, установленная автором,
— это ноябрьская CTP-версия AJAX.
Три примера:
1 метод WS с параметрами
2 метод WS без параметров
3 Метод WS с типом параметра DataTable
1. WebMethod
Ключевые моменты, на которые следует обратить внимание:
1 Класс WebMethod необходимо добавить пространство имен Microsoft.Web.Script.Services, и это пространство должно ссылаться на Microsoft.Web.Preview.dll.
Добавьте тег [ScriptService] в объявление типа 2.
3. В Asp.net 2.0 вы можете напрямую использовать DataTable в качестве типа возвращаемого значения, но вам необходимо добавить атрибут преобразователя сериализации в файл Web.config. DataSet, DataTable и DataRow имеют преобразователи
<system.web.extensions>.
<скрипт>
<веб-сервисы>
<jsonSerialization>
<конвертеры>
<add name="DataSetConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataSetConverter, Microsoft.Web.Preview"/>
<add name="DataRowConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataRowConverter, Microsoft.Web.Preview"/>
<add name="DataTableConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataTableConverter, Microsoft.Web.Preview"/>
</конвертеры>
</jsonСериализация>
</веб-сервисы>
</скриптинг>
</system.web.extensions>
ВЕБ-сервис 1: WS1
с использованием системы;
использование System.Web;
использование System.Collections;
использование System.Web.Services;
использование System.Web.Services.Protocols;
использование Microsoft.Web.Script.Services;
использование System.Data;
/**//// <сводка>
/// Краткое описание WS1
/// </сводка>
[WebService(Namespace = " http://tempuri.org/ ")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[СкриптСервис]
public class WS1 : System.Web.Services.WebService {
public WS1 () {
//При использовании разработанных компонентов раскомментируйте следующие строки
//ИнициализироватьКомпонент();
}
[Веб-метод]
общедоступная строка ServerTime()
{
return String.Format("сейчас: {0}", DateTime.Now);
}
[Веб-метод]
общедоступная таблица данных GetDataTable()
{
DataTable dt = новый DataTable("Человек");
dt.Columns.Add(новый DataColumn("Имя", typeof(строка)));
dt.Columns.Add(new DataColumn("LastName", typeof(string)));
dt.Columns.Add(new DataColumn("Email", typeof(string)));
dt.Rows.Add("kui", "he", " [email protected] ");
dt.Rows.Add("ren", "chao", " [email protected] ")
;
}
}
ВЕБ-сервис 2: WS
с использованием системы;
использование System.Web;
использование System.Collections;
использование System.Web.Services;
использование System.Web.Services.Protocols;
использование Microsoft.Web.Script.Services
/**//// <сводка>;
/// Краткое описание WS
/// </сводка>
[WebService(Namespace = " http://tempuri.org/ ")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[СкриптСервис]
public class WS : System.Web.Services.WebService {
public WS () {
//При использовании разработанных компонентов раскомментируйте следующие строки
//ИнициализироватьКомпонент();
}
[Веб-метод]
[ScriptMethod(UseHttpGet = true)]
общедоступная строка HelloWorld (строковый запрос)
{
строка inputString = Server.HtmlEncode(запрос);
если (!String.IsNullOrEmpty(inputString))
{
return String.Format("привет, {0}. ", inputString);
}
еще
{
return «строка запроса имеет значение NULL или пуста»;
}
}
}
2. Первая страница:
Ключевые моменты, на которые следует обратить внимание:
Фоновые методы WebService, которые необходимо использовать, установлены в следующих местах
: <asp:ScriptManager ID="ScriptManager1" runat="server">
<Услуги>
<asp:ServiceReference Path="~/WS.asmx" />
<asp:ServiceReference Path="~/WS1.asmx" />
</Услуги>
</asp:ScriptManager>
Страница по умолчанию:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1// RU" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head runat="сервер">
<title>Страница без названия</title>
<script Language="javascript" type="text/javascript" src="js.js">
</script>
</head>
<тело>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Услуги>
<asp:ServiceReference Path="~/WS.asmx" />
<asp:ServiceReference Path="~/WS1.asmx" />
</Услуги>
</asp:ScriptManager>
<дел>
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="dd();return false;" />
<div id="время">
</div>
<div id="Список1">
<asp:DropDownList ID="ddl1" runat="server" Width="187px">
</asp:DropDownList>
</div>
</div>
</форма>
</тело>
</html>
3. Программа JavaScript:
Ключевые моменты, на которые следует обратить внимание:
Ноябрьская CTP-версия AJAX должна использовать метод eval() для преобразования ее в объект DataTable (и обрезать переднюю часть "("), тогда как декабрьская CTP-версия AJAX поддерживает следующий метод для преобразования "Sys.Preview.Data.DataTable.parseFromJson(" результат) »
функция dd()
{
WS.HelloWorld(
'хекуй',
функция (результат)
{
оповещение (результат);
}
);
WS1.ServerTime(
функция (результат)
{
оповещение (результат);
var divTime = document.getElementById("время");
divTime.innerHTML = результат;
}
);
WS1.GetDataTable(
функция (результат)
{
//Получаем элемент управления раскрывающимся списком
var List = document.getElementById("ddl1");
//AJAX October CTP необходимо использовать метод eval() для преобразования его в объект DataTable (и обрезать начальный "(")
var Text = result.dataArray.substring(0,result.dataArray.length -1);
вар Таблица = Eval (Текст);
//AJAX декабрьская CTP поддерживает следующие методы преобразования
// var Table = Sys.Preview.Data.DataTable.parseFromJson(result);
//Очистим исходные элементы списка раскрывающегося списка
for (x=List.options.length-1; x > -1; x--)
{
Список.удалить(0);
}
//Добавляем данные из полученного DataTable в элемент выпадающего списка
for (x=0; x < Table.length; x++)
{
//Получаем каждую строку
вар Row = Таблица [x];
//Создаем элемент списка
var option = document.createElement("опция");
//Элемент списка отображает присвоение текста
option.text = Строка.Имя + " " + Строка.Фамилия;
//Присвоение значений опций элемента списка
option.value = Row.Email
//Определяем тип браузера и добавляем элементы;
if ( window.navigator.appName.toLowerCase().indexOf("microsoft") > -1)
List.add(опция);
еще
List.add(опция, ноль);
}
}
);
}
Пример кода: http://www.cnblogs.com/heekui/archive/2007/01/10/616332.html.