asp.net 2010中jquery调用访

2012 年 12 月 5 日9360

欢迎进入.NET社区论坛，与300万技术人员互动交流 >>进入

在asp.net 2010中，在建立web应用时，默认已经在script目录下有了jquery的相关文件了，十分方便。（我建的是4.0的）

下面介绍如何在jquery中调用 websevice. 1.首先，建立一个访如下：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

/// <summary>

///WebService 的摘要说明

/// </summary>

[WebService（Namespace = “http://http://www.zjjv.com///”）]

[WebServiceBinding（ConformsTo = WsiProfiles.BasicProfile1_1）]

//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。

[System.Web.Script.Services.ScriptService] //这一行取消注释很重要

public class WebService : System.Web.Services.WebService {

public WebService （） {

//如果使用设计的组件，请取消注释以下行

//InitializeComponent（）；

}

[WebMethod]

public string HelloWorld（） {

return “Hello World”;

}

}

2 新建一个aspx页面，页面里面添加一个Button,代码如下：

<%@ Page Language=“C#” AutoEventWireup=“true” CodeFile=“Default2.aspx.cs” Inherits=“Default2” %>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://http://www.zjjv.com///TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=“http://http://www.zjjv.com///1999/xhtml”>

<head runat=“server”>

<title></title>

<script type=“text/javascript” src=“Scripts/jquery-1.4.1.min.js”></script>

<script language=“javascript” type=“text/javascript”>

function CallWebServiceFromJquery（） {

$.ajax（{ type: “POST”, url: “WebService.asmx/HelloWorld”,

data: “{}”, contentType: “application/json; charset=utf-8”,

dataType: “json”, success: OnSuccess, error: OnError

}）；

}

function OnSuccess（data, status） {

alert（data.d）；

}

function OnError（request, status, error） {

alert（request.statusText）；

}

</script>

</head>

<body>

<form id=“form1” runat=“server”>

<div>

<asp:Button ID=“Button1” runat=“server” Text=“Button” OnClientClick=“CallWebServiceFromJquery（）” />

</div>

</form>

</body>

</html>

3 注意BUTTON要调用onclientclick

4.大功告成，点击BUTTON即可看到效果！