zoukankan      html  css  js  c++  java
  • JS调用WebService示例

      要想实现JS调用WebService,可以按如下步骤实现(经过测试):

    第一步:创建一个WebService

       在此处我就创建了一个默认的web服务,并不做什么修改,把主要集力放在怎么实现JS调Web服务上面。

    代码
    using System;
    using System.Collections.Generic;
    using System.Web;
    using System.Web.Services;

    /// <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()
    {
    return "Hellow World";
    }

    }

      

    第二步:创建一个页面,实现JS调用Web服务  

    代码
    <%@ 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>

    <script type="text/javascript">
    function RequestWebService() {
    //这是我们在第一步中创建的Web服务的地址
    var URL = "http://localhost/YBWS/WebService.asmx";

    //在这处我们拼接
    var data;
    data
    = '<?xml version="1.0" encoding="utf-8"?>';
    data
    = data + '<soap12:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap12="http://www.w3.org/2003/05/soap-envelope">';
    data
    = data + '<soap12:Body>';
    data
    = data + '<HelloWorld xmlns="http://tempuri.org/" />';
    data
    = data + '</soap12:Body>';
    data
    = data + '</soap12:Envelope>';

    //创建异步对象
    var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.Open(
    "POST", URL, false);
    xmlhttp.SetRequestHeader(
    "Content-Type", "application/soap+xml");
    xmlhttp.Send(data);

    document.getElementById(
    "data").innerHTML = xmlhttp.responseText;
    }
    </script>

    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <input id="One" type="button" value="JsCallWebService" onclick="RequestWebService()" />
    </div>
    <div id="data">
    </div>
    </form>
    </body>
    </html>

     当点击按钮时,效果如下图:

  • 相关阅读:
    十一、异常处理&运行流程
    logback的使用和logback.xml详解
    十、拦截器
    word源代码解析(方便通过源码将word文件转换成html) 持续更新中
    laravel 打印sql
    利用workman进行回复指定用户指定内容
    js 根据val值获取对象key键值
    php添加邀请码
    微信支付退款流程 php
    解决ubuntu下修改环境变量profile后报错,很多常用命令都用不了
  • 原文地址:https://www.cnblogs.com/puresoul/p/1803567.html
Copyright © 2011-2022 走看看