Ajax调用WebService接口样例

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

1、使用SoapUI生成Soap消息

Ajax调用WebService接口样例

  使用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会有跨域限制。

相关推荐