使用jquery的ajax方法调用webservice服务

最新推荐文章于 2020-11-28 17:03:00 发布

帅气的东哥

最新推荐文章于 2020-11-28 17:03:00 发布

阅读量4.2k

点赞数

分类专栏： webservice 文章标签：使用jquery的ajax方法调用web

本文链接：https://blog.csdn.net/hjd_love_zzt/article/details/9008969

版权

webservice 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

使用jquery的ajax方法调用webservice服务于使用纯js的ajax方式调用webservice服务的区别主要在于

前者能在ie、chrome、firefox上正常运行，而后者只能在ie中正常运行，而且前者纯在跨域访问问题

1、新建一个名为CXF_1_Client 的web project,并将使用基于spring方式调用webservice服务的方式生成好的客户端代码粘贴到新的项目中,

并将cxf核心jar包导进lin目录下

2、将jquery的jar文件导进去

3、jquery_ws.html

在webroot下新建一个名为jquery_ws.html的html文件,代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>jquery_wsl.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript" src="js/jquery-1.6.2.js"></script>
    <script type="text/javascript">
        function sendMsg(){
        
            $.ajax({
               url: 'http://localhost:8080/CXF_3/cxf/hi',
               type:'post',
               dataType:'xml',
               contentType:'text/xml;charset=utf-8',
               data:'<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"><soap:Body><ns2:sayHi xmlns:ns2="http://cxf.njupt.com/"><arg0>章泽天，是我们java程序员的女神</arg0></ns2:sayHi></soap:Body></soap:Envelope>',
               success:function(data,status,xhr){
                  var v = $(data).find('return').eq(0).text();
                  alert(v);
               }, 
               error:function(){
               
                  alert('error');
               }
            
            });
        
        }
    </script>
  </head>
  
  <body>
    <input type="button" value="使用jquery的ajax方法调用webservice服务" οnclick="sendMsg()"/>
  </body>
</html>

4、把CXF_1_client部署到tomcat上

5、在地址栏中输入http://localhost:8080/CXF_1_Client/jquery_ws.html进行测试

以下附上jquery的跨域访问问题的图解：

帅气的东哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
使用jquery的ajax方法调用webservice服务

使用jquery的ajax方法调用webservice服务于使用纯js的ajax方式调用webservice服务的区别主要在于前者能在ie、chrome、firefox上正常运行，而后者只能在ie中正常运行，而且前者纯在跨域访问问题1、新建一个名为CXF_1_Client 的web project,并将使用基于spring方式调用webservice服务的方式生成好的客户端代码粘贴到新的项
复制链接

扫一扫