关于JS调用webservice

最新推荐文章于 2021-06-10 18:29:21 发布
最新推荐文章于 2021-06-10 18:29:21 发布
阅读量1k 收藏
点赞数
分类专栏： 前端开发 文章标签： web service javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangshengdi/article/details/78501289
版权

 对于C#如何调用webservice也许很多人知道，但是Js调用可能需要仔细研究了。本人前几天因为项目原因，做了一个这样小小的程序，现已调试成功，特分享给大家。

这是在VS2005下建的目录图片

 

这是Default.aspx中的原代码：

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>
    <script type="text/javascript" language="javascript">
        var xmlhttp;
        
        var value=new Array();
        var variable=new Array();
        function handleStateChange()
        {
            if(xmlhttp.readyState==4)
            {
                if(xmlhttp.status==200)
                {
                    document.getElementById("Label1").innerHTML=xmlhttp.responseText;
                    
                }
            }
        }
        
        function createXmlHttp()
        {
         var activeKey=new Array("MSXML2.XMLHTTP.5.0",
                                                     "MSXML2.XMLHTTP.4.0",
                                                     "MSXML2.XMLHTTP.3.0",
                                                     "MSXML2.XMLHTTP",
                                                     "Microsoft.XMLHTTP");
         if(window.ActiveXObject)
         {
          for(var i=0;i<activeKey.length;i++)
          {
              try
                 {
               xmlHttp=new ActiveXObject(activeKey[i]);
               if(xmlHttp!=null)
                return xmlHttp;
            }
                 catch(error)
                 {
                   continue;
                 } 
          }
          throw new Error("客户端浏览器版本过低，不支持XMLHttpRequest对象，请更新浏览器");
         }
         else if(window.XMLHttpRequest)
         {
          xmlHttp=new window.XMLHttpRequest();
         }
        }
        
        function RequestByPost(method,variable,value,url,_Namespace)
        {
            xmlhttp=createXmlHttp();
            data = '<?xml version="1.0" encoding="utf-8"?>'; 
            data = data + '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">'; 
            data = data + '<soap:Body>'; 
            data = data + '<'+method+' xmlns="'+_Namespace+'">';
            for(var i=0;i<variable.length;i++)
            {
                data = data + '<'+variable[i]+'>'+value[i]+'</'+variable[i]+'>';

            }
            data = data + '</'+method+'>'; 
            data = data + '</soap:Body>'; 
            data = data + '</soap:Envelope>'; 
            //alert(url);
            xmlhttp.onreadystatechange=handleStateChange;
            xmlhttp.Open("POST",url, true); 
            xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=utf-8"); 
            xmlhttp.SetRequestHeader ("Content-Length",getlen(data)); 
            xmlhttp.SetRequestHeader ("SOAPAction",_Namespace+method); 
            xmlhttp.Send(data); 
            //alert(data);

        }
        
        function getlen(str)
        {
        var bytesCount=0;
        for (var i = 0; i < str.length; i++)
        {
            var c = str.charAt(i);
            if (/^[\u0000-\u00ff]$/.test(c))
                  {
            bytesCount += 1;
        }
        else
        {
            bytesCount += 2;
        }
        }
        return bytesCount;

        } 
        
        function Hello_onclick() 
        {
            var currenturl=document.URL;
            var endheads=currenturl.substring(7,currenturl.length);
            var endhead=endheads.split('/');
            var httphead=currenturl.substring(0,7);
            var currenthttphead=httphead+endhead[0]+"/WebSite5/WebService/WebService.asmx";
            RequestByPost("HelloWorld",new Array("name"),new Array(document.getElementById('Name').value),currenthttphead,"http://tempuri.org/");
            
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="button" type="button" value="点击" οnclick="Hello_onclick();" />
        
        <input id="Name" type="text" value="" />
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
    </div>
    </form>
</body>
</html>

 

在webservice中代码如下：

 

using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;


/// <summary>
/// WebService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class WebService : System.Web.Services.WebService {

    public WebService () {

        //如果使用设计的组件，请取消注释以下行 
        //InitializeComponent(); 
    }

    [WebMethod]
    public string HelloWorld(string name) {

        return "Hello World " + name;
    }
    
}

这里面说明一下原理，其间在JS里用的AJAX原理，向webservice发出一个SOAP的请求，webservice将处理的数据以一个xml字符串的格式返回给客户端，这个字符串中就封装了这个处理的结果。其它也没有什么好多说的，有一个地方需要注意，_Namespace这个参数就是webservice 中[WebService(Namespace = "http://tempuri.org/")]这个特性中的字符串。

 

    

net之家
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JS调用WebService示例
12-19
自己写的用JavaScript通过soap协议调度 webService 的例子，WebService 是用C#做的，此Demo 主要目的是为大家提供跨语言的调度方式
JS调用webService实例
10-23
JS调用webService实例，其中有详细使用文档！ myEclipse部署上客户端和服务器端即可直接测试！ 使用技术： JS,webService,JS调用webService,xfire,数字证书
js 调用webservers
weixin_30469895的博客
12-16 179
要想实现JS调用WebService,可以按如下步骤实现(经过测试)： 第一步：创建一个WebService 　　在此处我就创建了一个默认的web服务，并不做什么修改，把主要集力放在怎么实现JS调Web服务上面。 using System;using System.Collections.Generic;using System.Web;using System.Web.Services;...
js调用webService
闪耀星星的窝
06-10 247
/*****************************************************************************\ Javascript "SOAP Client" library @version: 2.4 - 2007.12.21 @author: Matteo Casati - http://www.guru4.net/ \***********************************************************.
JS调用webservice
weixin_34175509的博客
05-24 52
Javascript调用WebService 在项目中添加WebService.asmx文件,然后就可以写方法了,上代码: 第一步: 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using System.Web.Service...
用JavaScript调用WebService的示例
10-30
### 使用JavaScript调用WebService的方法与实例 随着互联网技术的发展，跨平台、跨语言的数据交互变得越来越重要。在众多实现方式中，使用JavaScript调用WebService是一种常见的解决方案。本文将基于提供的标题“用...
js调用webservice中的方法实现思路及代码
10-27
JavaScript调用WebService是一种常见的在客户端与服务器之间进行通信的方式，特别是在Web应用中，它允许JavaScript在浏览器端执行一些服务端的功能。本篇文章将探讨如何利用JavaScript来调用WebService中的方法，并...
js调用webservice示例+源码
11-29
本文将深入探讨如何使用JavaScript调用Web Service，以及如何解决在这个过程中遇到的问题，以配合“js调用webservice示例+源码”的主题。 Web Service是一种基于网络的、平台无关的服务，它通过SOAP（Simple Object...
JS调用WebService.zip
03-20
因为要通过js或urlConnection调用服务器提供的方法。需要使用soap协议文本。 2，我们可以通过js和urlConnection轻量级的调用服务器方法。 我们之前都是使用服务器提供的类来调用，耦合度较高，服务器的代码改动会...
JS调用WebService源码
03-17
本压缩包包含了一个简单的示例项目——"WebApplication1"，用于演示如何使用JavaScript调用WebService。 在JavaScript中，调用WebService通常涉及到XMLHttpRequest对象或更现代的fetch API。以下是一些关键知识点：...
使用Js调用WebService
10-08
使用Js动态调用WebService 使用Js动态调用WebService
js 调用java webservice接口
03-21
js调用webservice接口，并打印返回信息
C#中js调用WebService实现无刷新
05-30
C#中js调用WebService实现无刷新
javascript调用WebService - Hello World
weixin_34126557的博客
01-08 195
WebService既可以大用，也可以小用。大用可以应用到整个系统，将整个系统设计成SOA(面向服务)，小用可以应用到JS。今天我们就来看一下如何在网页中用JS来调用WebService。我们举的例子很简单，用 JS调用默认VS2008生成的Hello World服务。Service的代码如下： using System;using System.Collections;using System...
Js 调用 WebService心得总结
陈亚平 的技术博客
05-05 948
页面：  function getdata() { var index=0; docSubmit =new ActiveXObject("Microsoft.XMLDOM"); docSubmit.async = false; docSubmit.load("http://localhost/WebApplication1
JS，Jquery 调用 C#WebService
weixin_30493401的博客
10-10 112
1，需要在服务下面把代码的注释去掉 　　// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 　　//[System.Web.Script.Services.ScriptService] 2,JS 调用方法如下 var request = '<?xml version="1.0" encoding="utf-8"?>'; ...
JS调用Webservice
08-31 673
操作步骤： 1.新建一个WebApplication项目，取默认设置。 2.添加一个WebService，代码如下： ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 using System
node.js 调用 webservice 示例
最新发布
05-17
可以使用 `soap` 模块来调用 WebService。以下是一个示例： ```javascript const soap = require('soap'); const url = 'http://www.dneonline.com/calculator.asmx?wsdl'; const args = { intA: 10, intB: 5, }...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值