使用ajax调用webservice

最新推荐文章于 2023-06-22 22:01:33 发布
最新推荐文章于 2023-06-22 22:01:33 发布
阅读量1k 收藏
点赞数
分类专栏： WebService
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ustczyy/article/details/12556539
版权

使用ajax调用webservice时，尽量使用ie浏览器，如果使用chrome或者是firefox浏览器，很可能会出现异常

 

服务器端代码的书写(可以参考使用jdk调用webservice中的代码,两者是基本相同的)

 

  1. <html> 
  2.     <head> 
  3.         <title>通过ajax调用WebService服务</title> 
  4.         <script> 
  5.              function getXhr(){ 
  6.                 var xhr = null; 
  7.                 if(window.XMLHttpRequest){ 
  8.                     //非ie浏览器 
  9.                     xhr = new XMLHttpRequest(); 
  10.                 }else{ 
  11.                     //ie浏览器 
  12.                     xhr = new ActiveXObject('Microsoft.XMLHttp'); 
  13.                 } 
  14.                 return xhr; 
  15.             } 
  16.           var xhr =getXhr(); 
  17.             function sendMsg(){ 
  18.                 var name = document.getElementById('name').value; 
  19.                 //服务的地址 
  20.                 var wsUrl = 'http://127.0.0.1:6790/hello'; 
  21.                  
  22.                 //请求体 
  23.                  var soap= '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:q0="http://webservice.njupt.com/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">' 
  24.              +'<soapenv:Body><q0:sayHello><arg0>'+name+'</arg0> </q0:sayHello></soapenv:Body></soapenv:Envelope>'; 
  25.                           
  26.                 //打开连接 
  27.                 xhr.open('POST',wsUrl,true); 
  28.                  
  29.                 //重新设置请求头 
  30.                 xhr.setRequestHeader("Content-Type","text/xml;charset=UTF-8"); 
  31.                  
  32.                 //设置回调函数 
  33.                 xhr.onreadystatechange = _back; 
  34.                  
  35.                 //发送请求 
  36.                 xhr.send(soap); 
  37.             } 
  38.              
  39.             function _back(){ 
  40.                 if(xhr.readyState == 4){ 
  41.                     if(xhr.status == 200){ 
  42.                             //alert('调用Webservice成功了'); 
  43.                             var ret = xhr.responseXML; 
  44.                             var msg = ret.getElementsByTagName('return')[0]; 
  45.                             document.getElementById('showInfo').innerHTML = msg.text; 
  46.                             //alert(msg.text); 
  47.                         } 
  48.                 } 
  49.             } 
  50.         </script> 
  51.     </head> 
  52.     <body> 
  53.             <input type="button" value="发送SOAP请求" onclick="sendMsg();"> 
  54.             <input type="text" id="name"> 
  55.             <div id="showInfo"> 
  56.             </div> 
  57.     </body> 
  58. </html> 

 

USTCZYY
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js调用webService组件
04-23
js 调用WebService组件的相关代码，使用xmlHttprequest进行连接
uni-app 调用支付宝支付
weixin_33918357的博客
04-09 3077
本文讲解 uni-app如何调用支付宝进行支付，服务端为 .net编写。 客户端：uni-app 编写 1、根据服务端生成的订单信息发起支付。 服务端：.net 编写 1、生成订单信息。2、接收支付宝异步反馈支付信息。 先说重点 uni-app 不支持支付宝沙箱测试！不支持支付宝沙箱测试！！不支持支付宝沙箱测试！！！（重要的事情说三遍，为此我浪费了半天。上线应用没签约支付又浪费了...
uniGUI试用笔记（十三）调用WebService
weixin_33834628的博客
05-08 505
  今天尝试用uniGUI做Web服务器，调用应用服务器的WebService，遇到些问题记录下来备忘。 1、对WebService的调用同一般App程序，只是注意如果WebService的执行时间较长，会报超时错误，此时需要处理： （1）在DataModule上放一个THTTPRIO控件； （2）在数据模板创建时，设置THTTPRIO控件的HTTPWebNode属性的超时时间，代码如下：...
C#.net WebService对接uni-app、小程序前端示例
xjflion的博客
06-22 495
以小程序端获取首页广告图为例，获取相应分类信息后，通过DataTableConvertJson.DataTable2Json方法将表格形式数据转化为JSON数据。开发环境：HBuilder X、VS2010。整个前端到后端就这样完成了！
uni-app websocket 连接搭建与信息接收处理
qq_28404381的博客
03-18 2610
要点 全局websocket 连接 断线重连 (后台没有做心跳) 信息接收，跳转到对应页面 全局调用App.vue中的方法 websocket 处理 在App.vue中搭建连接 可参考uni-app示例中的websocket-global.vue ··· export default { data() { return { connected: false, connecting: false, socketTask: false, msg: false, } },
基于dojo使用ajax调用webservice
10-08
基于dojo使用ajax调用webservice，返回json格式数据，填充下拉框列表
jQuery使用Ajax方法调用WebService.doc
05-09
jQuery使用Ajax方法调用WebService.doc
jQuery ajax调用webservice注意事项
10-19
主要为大家详细介绍了jQuery ajax调用webservice的注意事项，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Jquery + Ajax调用webService实例代码(asp.net)
01-19
webService中要实现ajax调用，则要加这句代码: // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 [System.Web.Script.Services.ScriptService] 代码下载 /201008/yuanma/WebService2....
ajax跨域调用webservice的实现代码
09-02
主要介绍了 ajax跨域调用webservice服务例子和理解，最近ajax访问webservice遇到跨域的问题，网上搜索资料，总结如下
如何在android app调用webservice的示例源码
01-31
本源码示例主要说明了，在android app中如何调用webservice，实现相关功能，具有一定参考意义
uniapp-request.zip-Promise方式封装uniapp请求
06-24
uniapp 请求方式嵌套一层Promise用async和await的形式去写代码，错误请求统一处理，类同步方式写代码告别回调地狱
uni-app 支持多端第三方地图定位的方法
10-15
主要介绍了uni-app 支持多端第三方地图定位的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
学习调用第三方的WebService服务
weixin_30335575的博客
05-19 99
　　互联网上面有很多的免费webService服务，我们可以调用这些免费的WebService服务，将一些其他网站的内容信息集成到我们的应用中显示，下面就以查询国内手机号码归属地为例进行说明。 首先安利一个网站，提供了很多实用的WebService服务： http://www.webxml.com.cn/zh_cn/index.aspx 从首页可以看到很多常用的服务，这里我们选择...
使用URLConnection调用webservice
zhang434的专栏
10-10 1324
使用URLConnection调用webservice与使用ajax调用webservice的主要的差别就在于前者是使用java语言来构造http请求， 而后者则是使用js语言来构造http请求。这两种方式所实现的功能其实是一样的，只是实现的形式不同而已   import java.io.InputStream;  import java.io.OutputStream; impo
通过注解修改WSDL
zhang434的专栏
10-10 1225
有时候我们并不想客户端知道服务端的相关信息，至少不应该让他知道我们服务端的包结构。 这时我们就可以通过注解的形式来修改WSDL   import javax.jws.WebMethod;  import javax.jws.WebParam;  import javax.jws.WebResult;  import javax.jws.WebService; import jav
通过客户端编程的方式调用webservice
zhang434的专栏
10-10 1088
通过客户端编程的方式调用webservice其实与通过jdk调用webservice的方式其实是一样的。在4种调用webservice的方式中推荐使用 通过jdk来调用webservice的那一种方式，因为其实他才是最简单的   import java.net.URL;    import javax.xml.namespace.QName;  import javax.xml.w
android手机应用源码Imsdroid语音视频通话源码.rar
最新发布
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
在前端页面中使用 AJAX 调用 WebService 的方法，获取 Excel 文件的字节流。
06-10
好的，你可以按以下步骤在前端页面中使用 AJAX 调用 WebService 的方法，获取 Excel 文件的字节流： 1. 在前端页面中引用 jQuery 库。 ``` <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> ``` 2. 创建一个用于触发 AJAX 请求的按钮。 ``` <button id="btnDownloadExcel">下载 Excel 文件</button> ``` 3. 使用 jQuery 的 AJAX 函数调用 WebService 的方法，获取 Excel 文件的字节流。 ``` $(document).ready(function() { $("#btnDownloadExcel").click(function() { $.ajax({ type: "POST", url: "WebService.asmx/DownloadExcelFile", contentType: "application/json; charset=utf-8", dataType: "json", success: function(response) { // 在这里处理下载成功后的逻辑 }, error: function(response) { alert("下载 Excel 文件失败！"); } }); }); }); ``` 在以上代码中，`type` 属性指定 AJAX 请求的类型为 POST，`url` 属性指定 WebService 的地址和方法名，`contentType` 属性指定请求的内容类型为 JSON，`dataType` 属性指定响应的数据类型为 JSON。 4. 在 AJAX 请求成功后，将 Excel 文件的字节流转换为下载链接，并模拟点击下载链接，即可下载 Excel 文件。 ``` success: function(response) { // 将字节流转换为 Blob 对象 var blob = new Blob([response.d], { type: "application/vnd.ms-excel" }); // 创建一个下载链接，将 Blob 对象赋值给链接的 href 属性 var link = document.createElement("a"); link.href = URL.createObjectURL(blob); link.download = "ExcelFile.xls"; document.body.appendChild(link); link.click(); document.body.removeChild(link); } ``` 在以上代码中，`Blob` 对象用于封装 Excel 文件的字节流，`URL.createObjectURL` 函数用于创建一个下载链接，`download` 属性用于指定下载文件的文件名。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值