:调用web services文件,我是把客户端的代码是写在CityList.js文件中的，而ajax调用的服务端程序是放在：CityService.asmx里的.当然页面上还有: jquery的调用.
下面是:CityList.js完整程序：
第二步：JS文件
// JScript 文件
// JScript 文件
var cityClass=new Object(); //定义类别，添加时使用.
// 页面加载处理
(document).ready(function() {
hiddeProgress();
onShow();
});
// (公用函数)显示操作进程
var showProgress=function()
{
("#progress").fadeIn("fast");
}
// (公用函数)隐藏操作进程
var hiddeProgress=function()
{
("#progress").hide();
}
//显示列表：显示调用
var onShow=function()
{
showProgress();
CityService.CityList(onSuccees);
}
//显示列表明：处理显示结果
var onSuccees=function(result)
{
hiddeProgress();
var cityList=new Sys.StringBuilder("");
for(var i=0;i {
var tabRow=String.format("
{1} onclick='onDel({0})'>Del
",result[i].ClassID,result[i].ClassName);
cityList.append(tabRow);
}
("#divList").html(cityList.toString());
}
//添加:函数调用
var onCityAdd=function()
{
showProgress();
//为对象赋值
cityClass.ClassID=11;
cityClass.ClassName=("#CityName").val();
CityService.AddCity(cityClass,onaddSuccees)
}
//添加：处理添加返回结果
var onaddSuccees=function(result)
{
hiddeProgress();
//向数据列表中添加一列
var tabRow=String.format("
{1} onclick='onDelMessage({0})'>Del
",result,("#CityName").val());
("#divList").append(tabRow);
("#result").html("添加成功，添加的ID值为:"+result);
}
//删除：删除提示
var onDelMessage=function(ClassID)
{
if(confirm("你真的要删除此记录吗?")==true)
onDel(ClassID);
}
//删除:删除调用
var onDel=function(ClassID)
{
CityService.CityClassDel(ClassID,onDelSuccees,onDelFailed,ClassID);
}
//删除：删除调用处理
var onDelSuccees=function(result,context)
{
if(result>0)
{
("#lb"+context).fadeOut("fast");
("#result").html("成功删除了,ID为"+context+"的记录.");
}
else
{
("#result").html("删除失败！");
}
}
//删除：错误处理
var onDelFailed=function()
{
}
第三步：服务器端程序这个好办了，大多数都挺简单的:(以下注明红色请大家注意了)
<%@ WebService Language="C#" Class="CityService" %>
using System;using System.Web;
using System.Collections.Generic;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.Script.Services;
using Test.Model;using Test.BLL;
[WebService(Namespace = http://tempuri.org/)]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[GenerateScriptType(typeof(Test.Model.CityClassEntity))] //注意这个地方必面声明数据类型[ScriptService]
public class CityService : System.Web.Services.WebService {
///
/// 添加
///
///
///
[WebMethod]
public int AddCity(CityClassEntity model)
{
return CityClassBLLBase.Create_CityClassInsert(model);
}
///
/// 显示列表
///
///
[WebMethod]
public IList CityList()
{
return CityClassBLLBase.Get_CityClassAll();
}
///
/// 删除
///
///
///
[WebMethod]
public int CityClassDel(int ClassID)
{
return CityClassBLLBase.Create_CityClassDelete(ClassID);
}
}
来源:cnblogs
