ajax调用webservice

最新推荐文章于 2018-07-27 10:38:32 发布
最新推荐文章于 2018-07-27 10:38:32 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： webservice 文章标签： webservice
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wwww1988600/article/details/44132315
版权
<html>
    <head>
        <title>通过ajax调用WebService服务</title>
        <script>
            var xhr = new ActiveXObject("Microsoft.XMLHTTP");
            function sendMsg(){
                var name = document.getElementById('name').value;
                //服务的地址
                var wsUrl = 'http://192.168.1.1:8080/hello';
                //请求体

                var soap = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:q0="http://ws.itcast.cn/"                

                                     xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">' + 

                                     ' <soapenv:Body> <q0:sayHello><arg0>'+name+'</arg0>  </q0:sayHello> </soapenv:Body> </soapenv:Envelope>';
                                     
                //打开连接
                xhr.open('POST',wsUrl,true);
                //重新设置请求头
                xhr.setRequestHeader("Content-Type","text/xml;charset=UTF-8");
                //设置回调函数
                xhr.onreadystatechange = _back;
                //发送请求
                xhr.send(soap);
            }
            
            function _back(){
                if(xhr.readyState == 4){
                    if(xhr.status == 200){
                            //alert('调用Webservice成功了');
                            var ret = xhr.responseXML;
                            var msg = ret.getElementsByTagName('return')[0];
                            document.getElementById('showInfo').innerHTML = msg.text;
                            //alert(msg.text);
                        }
                }
            }
        </script>
    </head>
    <body>
            <input type="button" value="ajax调用WebService服务" οnclick="sendMsg();">
            <input type="text" id="name">
            <div id="showInfo">
            </div>
    </body>
</html>
追寻
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax直接调用WebService
JaccePon
12-28 1479
调用接口，需要拼接SOAP包，访问页面的时候不要写localhost，这样会引起跨域的问题，访问不了。这个jsp页面包括了根据下拉框选择，变更不同的输入条件，用到了jquery的一些文档操作方法。<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContex
ajax 调用 webService
weixin_34234823的博客
08-01 133
前台脚本<script type="text/javascript"> $(function () { $.ajax({ type: "POST", //访问WebService使用Post方式请求 contentType: "application/json", //请...
Ajax调用webservice
Sayesan的专栏
07-27 3971
原文出处：http://blog.csdn.net/vs_sundaylove/article/details/6586113 一些感悟：  最近工作一直都很忙。很久没有更新自己的博客了。有很多东西要写。也只能慢慢写。真正能讲出来的东西，才能叫做真正掌握了吧。 我很喜欢一句话：“纸上学来终觉浅，绝知此事要躬行”。所以，在工作之余，自己做一些Dome并且测试通过，才放到网上来，要不就是对知识的不...
Jquery + Ajax调用webService实例代码(asp.net)
01-19
webService中要实现ajax调用，则要加这句代码: // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 [System.Web.Script.Services.ScriptService] 代码下载 /201008/yuanma/WebService2....
ajax 调用WebService 很简单的demo
07-15
在本文中，我们将深入探讨如何使用Ajax调用WebService来实现异步数据交互，这是一个非常常见的技术实践，尤其在Web开发中。"ajax 调用WebService 很简单的demo"这个标题提示我们，这是一个简单的示例，旨在展示如何...
Ajax 调用WebService
01-08
### Ajax调用WebService详解 #### 引言 Ajax（Asynchronous JavaScript and XML）与WebService的结合，为现代网页应用提供了一种高效、实时的数据交互方式。WebService作为一种标准的跨平台服务，通过HTTP协议提供...
jQuery ajax调用webservice注意事项
10-19
在使用jQuery AJAX调用Web Service时，需要注意一些关键点以确保功能正常运行并避免常见问题。以下是关于这个主题的一些详细说明： 1. **配置Web.config**： 在Web应用程序的Web.config文件中，你需要配置HTTP...
ajax调用Webservice
一步一步,网上爬
12-13 2140
WebService跟Ajax（我指Jquery框架），大家都不陌生。今天来看一个例子。在同域下Ajax调用WebService方法。（记得是同域，也就是要调用的WebService页面与Ajax请求页面在同一个网站下）。关于异步域调用，我会慢慢补上。 具体操作如下： 一、用VS2008 新建Web站点。这就不用解释了吧。 二、站点下放入Jquery框架，我这里用的是 jquery-1.4.
Ajax调用webservices
08-17
最简单的Ajax调用webservices
ajax异步调用webservice实例
04-19
网上有，但是只是介绍，没有现成的代码，现在我做了一个最简单的web服务，在客户端运用AJAX技术进行了调用，测试成功！
Ajax调用WebService
三江的博客
02-05 409
WebService跟Ajax（我指Jquery框架），大家都不陌生。今天来看一个例子。在同域下Ajax调用WebService方法。（记得是同域，也就是要调用的WebService页面与Ajax请求页面在同一个网站下）。 具体操作如下： 一、用VS新建Web站点。 二、站点下放入Jquery框架 三、在网站中添加“web服务” 四、将Jquery框架添加到站点下，并且加一个CallWe
ajax调用WebService服务
心如止水 宠辱不惊
10-17 460
通过Ajax调用WebService服务 var xmlHttpRequeat ; function sendAjax(){ //定义请求体，   一个符合soap协议的xml文本文件 var requestBody = ' //1. 获取Ajax操作的核心对象 xmlHttpRequest = new XMLHttpRequest(); //2.指定WebService的请求地
通过Ajax调用WebService
jackphang的专栏
04-15 931
此博文对应的WebService服务端博文是  使用JDK发布一个简单的WebService  。 值得注意ajax不能跨域访问。也就是访问WebService的服务必须和你项目是同一个Ip。   JSP核心代码：     <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodin
ajax调用webService
weixin_30600197的博客
12-27 86
webService 在.net3.5的时候可用ajax 的 setRequestHeader("CONTENT-TYPE","application/json") 写在发送协议头部 有什么用呢？ .aspx页面 接收正常的数据类型是application/x-www-form-urlencoded 当ajax发送这种类型数据会反回整个页面 .aspx页使用webServi...
Ajax调用WebService（一）
chelen_jak的专栏
07-16 6318
原文出处：http://blog.csdn.net/vs_sundaylove/article/details/6586113 一些感悟：  最近工作一直都很忙。很久没有更新自己的博客了。有很多东西要写。也只能慢慢写。真正能讲出来的东西，才能叫做真正掌握了吧。 我很喜欢一句话：“纸上学来终觉浅，绝知此事要躬行”。所以，在工作之余，自己做一些Dome并且测试通过，才放到网上来，要不就是
ajax 调用webservice
最新发布
06-02
使用 AJAX 调用 WebService 有以下几个步骤： 1. 在 HTML 页面中引入 jQuery 库（如果项目中已经引入了 jQuery，则可以跳过此步骤）。 ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 2. 在 JavaScript 中编写 AJAX 调用代码。下面是一个示例： ```javascript $(document).ready(function() { $("#btnSearch").click(function() { var keyword = $("#txtKeyword").val(); $.ajax({ type: "POST", url: "WebService.asmx/GetSearchResult", data: "{'keyword':'" + keyword + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { $("#searchResult").html(data.d); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); } }); }); }); ``` 解释一下上面代码中的各个参数： * `type`：请求方式，可以是 "GET" 或 "POST"。 * `url`：WebService 的地址，需要根据实际情况修改。 * `data`：请求参数，需要按照指定的格式传递，这里使用的是 JSON 格式。 * `contentType`：请求数据类型，需要设置为 "application/json; charset=utf-8"。 * `dataType`：响应数据类型，需要设置为 "json"。 * `success`：请求成功后的回调函数。 * `error`：请求失败后的回调函数。 3. 在 WebService 中编写对应的方法。例如，上面代码中调用的是 `GetSearchResult` 方法，那么在 WebService 中就需要定义这个方法，代码如下： ```csharp [WebMethod] public string GetSearchResult(string keyword) { // 根据关键字查询数据库，并返回查询结果 return "查询结果"; } ``` 注意，方法需要添加 `[WebMethod]` 标记，同时需要设置返回值类型和参数类型。 这样就完成了 AJAX 调用 WebService 的过程。需要注意的是，由于 AJAX 调用是异步的，因此需要在回调函数中更新页面的内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值