码迷,mamicode.com
首页 > Web开发 > 详细

Ajax调用WebService接口样例

时间:2019-11-02 17:43:09      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:set   service   post   限制   success   col   sdl   tty   ESS   

在做手机端h5的应用时,通过Ajax调用http接口时没啥问题的;但有些老的接口是用WebService实现的,也来不及改成http的方式,这时通过Ajax调用会有些麻烦,在此记录具体实现过程。本文使用在线的简体字转繁体字WebService来演示,WebService地址为http://www.webxml.com.cn/WebServices/TraditionalSimplifiedWebService.asmx?wsdl。

1、使用SoapUI生成Soap消息

技术图片

  使用SoapUI可以很方便的测试WebService,不熟悉的可以了解下。

2、使用Jquery Ajax调用WebService

function soapTest() {
    let data = ‘<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:web="http://webxml.com.cn/">‘
                + ‘<soapenv:Header/>‘
                + ‘<soapenv:Body>‘
                + ‘<web:toTraditionalChinese>‘
                + ‘<web:sText>啊打发士大夫</web:sText>‘
                + ‘</web:toTraditionalChinese>‘
                + ‘</soapenv:Body>‘
                + ‘</soapenv:Envelope>‘;
    $.ajax({
        contentType: ‘text/xml;charset="UTF-8"‘,
        dataType: ‘xml‘,
        type: ‘post‘,
        url: ‘http://www.webxml.com.cn/WebServices/TraditionalSimplifiedWebService.asmx?wsdl‘,        
        data: data,
        success: function(data) {
            let ss = $(data).find("toTraditionalChineseResult").first().text();//对应find方法中的值,不同的WebService可能会不同,需根据实际情况来填写
            alert(ss);
        }
    });
}

注:使用ie11可以正常调用,chrome会有跨域限制。

Ajax调用WebService接口样例

标签:set   service   post   限制   success   col   sdl   tty   ESS   

原文地址:https://www.cnblogs.com/wuyongyin/p/11781183.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!