javascript调用.NetWebService

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量478 收藏
点赞数
分类专栏： javascrip 文章标签： javascript webservice server asp function textbox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/faunjoe/article/details/4380860
版权
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>  
  2.   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4. <html xmlns="http://www.w3.org/1999/xhtml">  
  5. <head runat="server">  
  6.     <title>无标题页</title>  
  7.     <style type="text/css">  
  8.         .innerdisplay   
  9.         {   
  10.             background-color: Red;   
  11.             border-style: solid;   
  12.             border-color: Yellow;   
  13.         }   
  14.     </style>  
  15.   
  16.     <script language="javascript" type="text/javascript">  
  17.     function KeyupShow(){   
  18.         //操作webService的方法,返回两个回调函数,如果成功则执行Complete,否则执行Error   
  19.         TestService.GetString($get("TestText").value,Complete,Error);   
  20.     }   
  21.        
  22.     function Complete(result){   
  23.         var display=$get("display");   
  24.         if(result==null){   
  25.             display.innerText="无";   
  26.         }else{   
  27.          //display.innerText="你输入的内容是:"+result;   
  28.           display.innerHTML="<div class='innerdisplay' style='width:80;height:20;'>"+result+"</div> ";   
  29.         }   
  30.     }   
  31.        
  32.     function Error(result){   
  33.         //调用错误则调用结果的错误信息   
  34.         $get("display").innerText="无"+result.get_message();   
  35.     }   
  36.     </script>  
  37.   
  38. </head>  
  39. <body>  
  40.     <form id="form1" runat="server">  
  41.     <asp:ScriptManager ID="ScriptManager1" runat="server">  
  42.         <Services>  
  43.             <asp:ServiceReference Path="~/TestService.asmx" />  
  44.             <!--指定你要操作的WebService-->  
  45.         </Services>  
  46.     </asp:ScriptManager>  
  47.     <div>  
  48.         <!--onkeyup当松开键时触发-->  
  49.         <asp:TextBox ID="TestText" runat="server" onkeyup="KeyupShow()"></asp:TextBox>  
  50.         <div id="display">  
  51.         </div>  
  52.     </div>  
  53.     </form>  
  54. </body>  
  55. </html>  
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <style type="text/css">
        .innerdisplay
        {
            background-color: Red;
            border-style: solid;
            border-color: Yellow;
        }
    </style>

    <script language="javascript" type="text/javascript">
    function KeyupShow(){
        //操作webService的方法,返回两个回调函数,如果成功则执行Complete,否则执行Error
        TestService.GetString($get("TestText").value,Complete,Error);
    }
    
    function Complete(result){
        var display=$get("display");
        if(result==null){
            display.innerText="无";
        }else{
         //display.innerText="你输入的内容是:"+result;
          display.innerHTML="<div class='innerdisplay' style='width:80;height:20;'>"+result+"</div> ";
        }
    }
    
    function Error(result){
        //调用错误则调用结果的错误信息
        $get("display").innerText="无"+result.get_message();
    }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <Services>
            <asp:ServiceReference Path="~/TestService.asmx" />
            <!--指定你要操作的WebService-->
        </Services>
    </asp:ScriptManager>
    <div>
        <!--onkeyup当松开键时触发-->
        <asp:TextBox ID="TestText" runat="server" οnkeyup="KeyupShow()"></asp:TextBox>
        <div id="display">
        </div>
    </div>
    </form>
</body>
</html>

 .ashx页面:

C#代码 复制代码
  1. using System;   
  2. using System.Collections;   
  3. using System.Web;   
  4. using System.Web.Services;   
  5. using System.Web.Services.Protocols;   
  6.   
  7. /// <summary>   
  8. ///TestService 的摘要说明   
  9. /// </summary>   
  10. [WebService(Namespace = "http://tempuri.org/")]   
  11. [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]   
  12. [System.Web.Script.Services.ScriptService]   
  13. public class TestService : System.Web.Services.WebService {   
  14.   
  15.     public TestService () {   
  16.   
  17.         //如果使用设计的组件，请取消注释以下行    
  18.         //InitializeComponent();    
  19.     }   
  20.   
  21.     [WebMethod]   
  22.     public String GetString(String str) {   
  23.         return str;   
  24.     }   
  25.        
  26. }  

 

以下是在后置代码中调用WebService:

.aspx页面

Html代码 复制代码
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>  
  2.   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
  4. <html xmlns="http://www.w3.org/1999/xhtml">  
  5. <head runat="server">  
  6.     <title>Untitled Page</title>  
  7.        
  8.     <script type="text/javascript">  
  9.     function checknum(item1,item2)   
  10.     {   
  11.        if(confirm("是否删除状态："+item2))   
  12.        {   
  13.           PageMethods.CheckUserState(item1,DeleteUser);   
  14.              
  15.        }   
  16.     }   
  17.        
  18.     function DeleteUser(item)   
  19.     {   
  20.        if(item!=0)   
  21.        {   
  22.           if(confirm("是否同时删除用户表中的数据"))   
  23.             PageMethods.DeleteUserByStateId(item,a);   
  24.        }else{   
  25.           
  26.             location.reload();   
  27.        }   
  28.     }   
  29.        
  30.     function a(item)   
  31.     {   
  32.        if(item>0)   
  33.            location.reload();   
  34.     }   
  35.     </script>  
  36. </head>  
  37. <body>  
  38.     <form id="form1" runat="server">  
  39.         <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="True"  />  
  40.         <div>  
  41.             &nbsp;<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">  
  42.                 <ContentTemplate>  
  43.            
  44.         <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" DataKeyNames="StateId"  
  45.             EmptyDataText="没有可显示的数据记录。">  
  46.             <Columns>  
  47.                 <asp:BoundField DataField="StateId" HeaderText="StateId" ReadOnly="True" SortExpression="StateId" />  
  48.                 <asp:BoundField DataField="StateName" HeaderText="StateName" SortExpression="StateName" />  
  49.                 <asp:TemplateField ShowHeader="False">  
  50.                     <ItemTemplate>  
  51.                         <input type="button" id="del" value="删除" onclick="<%# "return checknum('"+Eval("StateId")+"','"+Eval("StateName")+"');" %>"  />  
  52.                     </ItemTemplate>  
  53.                 </asp:TemplateField>  
  54.             </Columns>  
  55.         </asp:GridView>  
  56.                 </ContentTemplate>  
  57.             </asp:UpdatePanel>  
  58.             &nbsp;&nbsp;   
  59.   </div>  
  60.     </form>  
  61. </body>  
  62. </html>  
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    
    <script type="text/javascript">
    function checknum(item1,item2)
    {
       if(confirm("是否删除状态："+item2))
       {
          PageMethods.CheckUserState(item1,DeleteUser);
          
       }
    }
    
    function DeleteUser(item)
    {
       if(item!=0)
       {
          if(confirm("是否同时删除用户表中的数据"))
            PageMethods.DeleteUserByStateId(item,a);
       }else{
       
            location.reload();
       }
    }
    
    function a(item)
    {
       if(item>0)
           location.reload();
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="True"  />
        <div>
            &nbsp;<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
        
        <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" DataKeyNames="StateId"
            EmptyDataText="没有可显示的数据记录。">
            <Columns>
                <asp:BoundField DataField="StateId" HeaderText="StateId" ReadOnly="True" SortExpression="StateId" />
                <asp:BoundField DataField="StateName" HeaderText="StateName" SortExpression="StateName" />
                <asp:TemplateField ShowHeader="False">
                    <ItemTemplate>
                        <input type="button" id="del" value="删除" οnclick="<%# "return checknum('"+Eval("StateId")+"','"+Eval("StateName")+"');" %>"  />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
                </ContentTemplate>
            </asp:UpdatePanel>
            &nbsp;&nbsp;
  </div>
    </form>
</body>
</html>

 

.aspx.cs页面:

C#代码 复制代码
  1. using System;   
  2. using System.Data;   
  3. using System.Configuration;   
  4. using System.Web;   
  5. using System.Web.Security;   
  6. using System.Web.UI;   
  7. using System.Web.UI.WebControls;   
  8. using System.Web.UI.WebControls.WebParts;   
  9. using System.Web.UI.HtmlControls;   
  10.   
  11. public partial class _Default : System.Web.UI.Page    
  12. {   
  13.     protected void Page_Load(object sender, EventArgs e)   
  14.     {   
  15.         GridView2.DataSource = BLL.UserStateManage.GetAllUserState();   
  16.   
  17.         GridView2.DataBind();   
  18.     }   
  19.   
  20.     public static void DataBound()   
  21.     {   
  22.         // GridView2.DataSource = BLL.UserStateManage.GetAllUserState();   
  23.         //GridView2.DataBind();   
  24.     }   
  25.   
  26.     [System.Web.Services.WebMethod]   
  27.     public static int CheckUserState(int stateid)//数据库代码省略   
  28.     {   
  29.         if (BLL.UserInfoManage.GetAllUserinfoByStateId(stateid).Count>0)   
  30.         {   
  31.             return stateid;   
  32.   
  33.         }   
  34.         else  
  35.         {   
  36.             BLL.UserStateManage.DeleteUserState(stateid);   
  37.             return 0;   
  38.         }   
  39.        
  40.     }   
  41.     [System.Web.Services.WebMethod]   
  42.     public static int DeleteUserByStateId(int stateid)   
  43.     {   
  44.         BLL.UserInfoManage.DeleteUserBystateId(stateid);   
  45.         return  BLL.UserStateManage.DeleteUserState(stateid);   
  46.     }   
  47. }  
faunjoe
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript调用webservice
levenwood的专栏
01-02 598
net 下用javascript调用webservice的话，要用到webservice behavior。下面以一个例子讲解之，比较简单1 、首先，要创建一个webservice，比如<!--Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.co
JavaScript调用webservice
开源的才是世界的
03-02 1230
var xmlhttp = new XMLHttpRequest();     var value=new Array();     var variable=new Array();     function handleStateChange() {         if(xmlhttp.readyState==4) {             if(xmlhttp.status==
js调用webservice完整说明
qq_30375391的博客
08-02 2691
浏览器针对js默认做了跨域认证，要进行跨域使用，就必须对webservice的web.config进行取消跨域配置。注：如果一方是http,则webservice 也必须是http。同理https也是一样。
JS使用AJAX调用.net WebService
yangyuanyyycom的专栏
05-03 771
<br />最近因工作需要，在JS中调用.net的webservice,于是整合了一个小事例希望有需要的人看到并且能帮到你<br />首选第一步是创建一个.net的webservice，这个简单就不多说了，我这里的webservice文件明叫WebService1.asmx代码如下<br />namespace WebApplication1<br />{<br />    /// <summary><br />    /// WebService1 的摘要说明<br />    /// </summary
通过js调用java与.net 开发的webservices
jquery教程
01-15 520
如题，以前只试过用js调用.net开发的webservices接口。后来想是否也可以用js调用java开发的接口，通过一整天的时间研究、查资料，发现网上对js调用java接口的资料很少，没办法，只好自己瞎搞，运气不错，终于瞎碰出来了。下面是两个例子： 1.调用.net接口 Html代码:   >   html xmlns="http://www.w3.org/1999/
ajax调用.net webservice
shileimohan的专栏
05-29 2225
JS调用.net  webservice存在跨域问题。调用方式如下： JS前台：             var url = "http://localhost:4263/zbhjjcWeb/Service.asmx/HelloWord";             var str = "v1='123'&v2='Boston'&jsonpCallback=HelloWord"; //
.NETWebService入门实例.doc
04-12
.NETWebService入门实例.doc
XFire调用WebServices的三种方式
03-01
NULL 博文链接：https://endeavor416.iteye.com/blog/269811
java调用.net写的返回值为dataset的webservice（2）实例项目
05-23
网上的调用例子太多了，有的要用cmd来解析webserive，有的没有包，有的代码报错。学习及测试花了4天，终于完成了。 1直接把项目放到 myeclipse的工作区间加载就行。然后將axis-1_4包下的lib文件夹里的包 都加載到...
C#javascript调用webservice
03-10
C#javascript调用webservice C#javascript调用webservice C#javascript调用webservice C#javascript调用webservice
JS调用WebService示例
12-19
自己写的用JavaScript通过soap协议调度 webService 的例子，WebService 是用C#做的，此Demo 主要目的是为大家提供跨语言的调度方式
js跨域调用WebService的简单实例
zdhlwt2008的博客
12-29 1万+
步骤1. 在web.config中的system.web节点里加入 步骤2. webservice代码 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; us
js调用c#方法
SieSteven
02-20 4768
js调用前台嵌入的c#方法： 页面嵌入的c#方法如下：         public string TestJSToFunction(string strTest)     {         return strTest;     }     public string TestJSToFunction()     {         retur
使用JS调用WebService示例
热门推荐
wc49789的博客
02-22 2万+
使用JS调用WebService简单示例
asp.net 利用javascript 调用webservice技巧
wwttqq85538649的专栏
03-14 524
<br />1：创建webservice文件，并执行如下操作。<br /><br />// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。<br />   [System.Web.Script.Services.ScriptService]<br /> <br /> <br /> <br />2：创建javascript 文件，编写调用webservice的方法。<br /><br />$(function () {<br /> <br />    $("#tes
html修改display属性的值,web开发设计--JS的innerHTML/display属性
weixin_29035405的博客
06-04 587
1.innerHTML 属性innerHTML 属性用于获取或替换 HTML 元素的内容。语法:Object.innerHTML注意:1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。2.注意书写，innerHTML区分大小写。我们通过id="con"获取 元素，并将元素的内容输出和改变元素内容，代码如下:innerHTMLjavascr...
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 214
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
vue 自定义滚动条同步拖动（移动端）
u014206461的博客
07-12 95
vue 自定义滚动条同步拖动（移动端）

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值