惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

S
SegmentFault 最新的问题
爱范儿
爱范儿
博客园 - 三生石上(FineUI控件)
Microsoft Security Blog
Microsoft Security Blog
Google DeepMind News
Google DeepMind News
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
GbyAI
GbyAI
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
V
V2EX
酷 壳 – CoolShell
酷 壳 – CoolShell
量子位
博客园_首页
T
Tailwind CSS Blog
aimingoo的专栏
aimingoo的专栏
A
About on SuperTechFans
T
The Blog of Author Tim Ferriss
Stack Overflow Blog
Stack Overflow Blog
Recent Announcements
Recent Announcements
P
Proofpoint News Feed
博客园 - 司徒正美
有赞技术团队
有赞技术团队
Engineering at Meta
Engineering at Meta
Last Week in AI
Last Week in AI
MongoDB | Blog
MongoDB | Blog

博客园 - jackyrong的世界

本BLOG迁移到javaeye .net中javascript去调用webservice - jackyrong的世界 - 博客园 asp.net 4中的新特性之一:控制URL长度 vs.net 2010中使用code snippets - jackyrong的世界 一个模仿HTML5功能的jquery控件 - jackyrong的世界 - 博客园 php中存储IP的一个不错的方法 介绍又一个不错的TOMCAT监控好工具probe jquery中输入验证中一个不错的效果 - jackyrong的世界 - 博客园 软件工程心理学系列11之如何应对客户的严厉批评 团队中不能只有梅西呀 mysql 性能学习1 6个PHP漏洞扫描工具 监控JAVA应用的好工具javamelody (转)Math.Round() -- c# 与 java的区别 云估算? apache 的mod-status 如何带平均年龄小的团队 本人售买一本o'relliy 出版社的《WCF服务编程》书,有意的广州朋友当面交易 小结php的字符串用法 - jackyrong的世界 - 博客园
asp.net 2010中jquery调用webservice
jackyrong的世界 · 2010-08-30 · via 博客园 - jackyrong的世界

  在asp.net 2010中,在建立web应用时,默认已经在script目录下有了jquery的相关文件了,十分方便。下面介绍如何在jquery中调用

websevice.

首先,建立一个webservice如下:

[System.ComponentModel.ToolboxItem(false)]
    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
     [System.Web.Script.Services.ScriptService]
    public class HelloWorld : System.Web.Services.WebService
    {

        [WebMethod]
        public string PrintMessage()
        {
            return "Hello World";
        }
    }

2 在前端页面中,如下的javscript就可以了,其实还是很容易理解的:

 <asp:Button ID="Button1" runat="server" OnClientClick="CallWebServiceFromJquery()" Text="Button" />

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: "HelloWorld.asmx/PrintMessage",
            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>

3 最后是BUTTON,注意用onclientclick