Ajax直接调用WebService

最新推荐文章于 2024-12-12 22:11:50 发布
原创 最新推荐文章于 2024-12-12 22:11:50 发布 · 1.6k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#web service #jquery
本文介绍了如何使用Ajax直接调用WebService，强调了在拼接SOAP包时的注意事项，以及解决跨域问题的方法，特别是在实际操作中避免使用localhost来防止访问限制。同时，内容涉及到在jsp页面中结合jQuery进行动态文档操作，实现下拉框选择改变输入条件的功能。

调用接口，需要拼接SOAP包，访问页面的时候不要写localhost，这样会引起跨域的问题，访问不了。

这个jsp页面包括了根据下拉框选择，变更不同的输入条件，用到了jquery的一些文档操作方法。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>导入导出功能</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">

    <jsp:include page="/common/common.jsp"></jsp:include>

    <link rel="stylesheet" rev="stylesheet" type="text/css" href="${pageContext.request.contextPath}/skin/default/css/default.css" media="all"/>
    <script language="javascript" src="${pageContext.request.contextPath}/js/common.js"></script>

  </head>


<body>
<form id="loginform" method="post">

<div class="textbox" id="centerTextbox">

    <div class="textbox-header">
    <div class="textbox-inner-header">
    <div class="textbox-title">
        <h1>&nbsp;&nbsp;元数据信息WebService</h1>
    </div> 
    </div>
    </div>
    <div class="textbox-header">
    <div class="textbox-inner-header">
    <div class="textbox-title">
    <table  id="insertinto" class="commonTable" cellspacing="1">
            <tr>
                <td class="columnTitle_mustbe">用户名：</td>
                <td class="tableContent"><input type="text" id="auth_id"/></td>
                <td class="columnTitle_mustbe">密码：</td>
                <td class="tableContent"><input type="password" id="auth_pwd"/></td>
            </tr></table>
  <hr><br>写入数据
    </div> 
    </div>
    </div></form>
    <form id="writeform" method="post">
<div>
    <div>
        <table  id="insertinto" class="commonTable" cellspacing="1">
            <tr>
                <td class="columnTitle_mustbe">应用范围：</td>
                <td class="tableContent"><input type="text" id="Wyyfw"/></td>
                <td class="columnTitle_mustbe">应用范围名称：</td>
                <td class="tableContent"><input type="text" id="Wyyfwmc"/></td>
            </tr>
            <tr>
                <td class="columnTitle_mustbe">参数标识：</td>
                <td class="tableContent"><input type="text" id="Wcsbs"/></td>
                <td class="columnTitle_mustbe">是否启用：</td>
                <td class="tableContentAuto">
                    <select id="Wsfqy"  ><option value="0">是</option><option value="1">否</option></select>
                </td>
            </tr>
             <tr>
                <td class="columnTitle_mustbe">参数名称：</td>
                <td class="tableContent"><input type="text" id="Wcsmc"/></td>
                <td class="columnTitle_mustbe">是否有子元素：</td>
                <td class="tableContentAuto">
                    <select id="Wsfyzys"  ><option value="0">没有</option><option value="1">有</option></select>
                </td>
            </tr>
            <tr><td class="columnTitle_mustbe">所属项目：</td>
                <td class="tableContentAuto">
                    <select id="Wssxm"  ><option value="-1">请选择</option><option value="1">档案管理</option><option value="2">省经信委</option></select>
                </td>
            </tr>
            <tr>
                <td class="tableContent" align="center" >
                    <input type="button" name="btnSubmit" value="添加" onclick="insert();"/>
                </td>
            </tr>
        </table>
    </div>
</div>
<div class="textbox-header">
    <div class="textbox-inner-header">
    <div class="textbox-title">
  <br>  查询数据
    </div> 
    </div>
    </div>
    <div>
    <div>
        <table  id="check" class="commonTable" cellspacing="1">

        <tr id="oidtr">
                <td class="columnTitle_mustbe">操作类型：</td>
                <td class="tableContent">
                <select id="czlx" name="oid" >
                <option value="qxz">请选择</option>
                <option value="gjidcx">根据编号</option>
                <option value="gjfwmccx">根据范围</option>
                <option value="gjfwmccxNz">根据范围(Nz)</option>
                <option value="gjcsbscx">根据标识</option>
                <option value="gjcsbscxNz">根据标识(Nz)</option>
                <option value="gjxmcx">根据项目</option>
                <option value="gjxmqycx">根据项目和启用</option>
                <option value="cxhyzys">查询含有子元素</option>
                </select></td>
                <td class="columnTitle_mustbe">&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td class="tableContent" align="center">
                    <input type="button" name="btnSubmit" value="查询" onclick="findMsg();"/>
                </td>
          </tr>   
        </table><br>
        <table  id="write" class="commonTable"   border="1" cellpadding="3" cellspacing="0">
        <tr id="biaoti"><td>编号</td><td>应用范围</td><td>应用范围名称</td><td>参数标识</td><td>参数名称</td><td>是否启用</td><td>是否有子元素</td><td>所属项目</td></tr>
        </table>
    </div>
</div>
 </div>

</form>
</body>
<script type="text/javascript">

            //var xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");

             /*  var xmlHttpRequest;
                    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
                      xmlHttpRequest=new XMLHttpRequest();
                    } else {// code for IE6, IE5
                      xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
                    }  */ 

        function insert(){
        $("#loginform").form("enableValidation");
        $("#writeform").form("enableValidation");
        if($("#loginform").form("validate")&&$("#writeform").form("validate")){

         var auth_id=document.getElementById("auth_id").value;
         var auth_pwd=document.getElementById("auth_pwd").value;

        var url = "http://192.168.0.120:8080/YSJGLTest/cxf/metaServiceImpl";
        var body="<soapenv:Envelope xmlns:soapenv=\"http://schemas.xmlsoap.org/soap/envelope/\" xmlns:q0=\"http://service.main.sdsj.com/\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\">"
        +"<soapenv:Header><auth><auth_id>"+auth_id+"</auth_id><auth_pwd>"+auth_pwd+"</auth_pwd></auth></soapenv:Header>"
        +"<soapenv:Body><q0:innert><yyfw>"+document.getElementById("Wyyfw").value+"</yyfw> <yyfwmc>"+document.getElementById("Wyyfwmc").value+"</yyfwmc> <csbs>"+document.getElementById("Wcsbs").value+"</csbs> "
        +"<csmc>"+document.getElementById("Wcsmc").value+"</csmc> <sfqy>"+document.getElementById("Wsfqy").value+"</sfqy> <cslb>"+document.getElementById("Wssxm").value+"</cslb> <sfyzys>"+document.getElementById("Wsfyzys").value+"</sfyzys> </q0:innert></soapenv:Body></soapenv:Envelope>";

         $.ajax({
            url:url,
            type:"POST",
            data:body,
            success:function(data){
                    alert("返回信息代码："+data.getElementsByTagName("return")[0].innerHTML);
                },
            error:function(data){
                        var parser=new DOMParser();
                        var xmlDoc=parser.parseFromString(data.responseText,"text/xml");
                        alert(xmlDoc.getElementsByTagName("faultstring")[0].innerHTML);
                    }
            });
        }
        }
        function findMsg(){
            $("#loginform").form("enableValidation");
            $("#writeform").form("disableValidation");
            if($("#loginform").form("validate")){
            var cslx = document.getElementById("czlx").value;
            if(cslx=="qxz"){alert("请先选择操作类型填写信息！");
                return;
            }
            var id ="";
            var yyfw="";
            var yyfwmc="";
            var csbs="";
            var csmc="";
            var sfqy="";
            var sfyzys="";
            var cslb="";
            if(document.getElementById("id")!=null){
             id = document.getElementById("id").value;}
            if(document.getElementById("yyfw")!=null){
            yyfw = document.getElementById("yyfw").value;}
            if(document.getElementById("yyfwmc")!=null){
             yyfwmc = document.getElementById("yyfwmc").value;}
            if(document.getElementById("csbs")!=null){
             csbs = document.getElementById("csbs").value;}
            if(document.getElementById("csmc")!=null){
             csmc = document.getElementById("csmc").value;}
            if(document.getElementById("sfqy")!=null){
             sfqy = document.getElementById("sfqy").value;}
            if(document.getElementById("sfyzys")!=null){
             sfyzys = document.getElementById("sfyzys").value;}
            if(document.getElementById("cslb")!=null){
             cslb = document.getElementById("cslb").value;}

             var auth_id=document.getElementById("auth_id").value;
             var auth_pwd=document.getElementById("auth_pwd").value;

            var body="<soapenv:Envelope xmlns:soapenv=\"http://schemas.xmlsoap.org/soap/envelope/\" "
                 +"xmlns:q0=\"http://service.main.sdsj.com/\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\">"
                 +"<soapenv:Header><auth><auth_id>"+auth_id+"</auth_id><auth_pwd>"+auth_pwd+"</auth_pwd></auth></soapenv:Header>"
                 +" <soapenv:Body><q0:find><oid>"+cslx+"</oid> <id>"+id+"</id> <yyfw>"+yyfw+"</yyfw> <yyfwmc>"+yyfwmc+"</yyfwmc> <csbs>"+csbs+"</csbs> <csmc>"+csmc+"</csmc> <sfqy>"+sfqy+"</sfqy> <cslb>"+cslb+"</cslb> <sfyzys>"+sfyzys+"</sfyzys> "
                 +"   </q0:find> </soapenv:Body> </soapenv:Envelope>";
            var url = "http://192.168.0.120:8080/YSJGLTest/cxf/metaServiceImpl";
            /* xmlHttpRequest.open("POST", url);
            xmlHttpRequest.setRequestHeader("Content-Type","text/xml;charset=utf-8");
            xmlHttpRequest.onreadystatechange = _back;
            xmlHttpRequest.send( body );        //SOAP xml  */  

              $.ajax({
            url:url,
            type:"POST",
            data:body,
            success:function(data){
                    //var xml = xmlHttpRequest.responseXML;
                    $("#biaoti ~ tr").remove();
                     var ele = data.getElementsByTagName("return");
                     $.each(ele,function(index,obj){
                        var sfqyR;
                        if(obj.getElementsByTagName("sfqy")[0].innerHTML=="0"){sfqyR="是";}else{
                        sfqyR="否";}
                        var sfyzysR;
                        if(obj.getElementsByTagName("sfyzys")[0].innerHTML=="1"){sfyzysR="有";}else{
                        sfyzysR="没有";}
                        var ssxmR;
                        if(obj.getElementsByTagName("cslb")[0].innerHTML=="1"){ssxmR="档案管理";}else{
                        ssxmR="省经信委";}
                        $("#write").append("<tr><td class=\"columnTitle_mustbe\">"+obj.getElementsByTagName("id")[0].innerHTML+"</td>"+"<td class=\"columnTitle_mustbe\">"+obj.getElementsByTagName("yyfw")[0].innerHTML+"</td>"
                        +"<td class=\"columnTitle_mustbe\">"+obj.getElementsByTagName("yyfwmc")[0].innerHTML+"</td>"+"<td class=\"columnTitle_mustbe\">"+obj.getElementsByTagName("csbs")[0].innerHTML+"</td>"+"<td class=\"columnTitle_mustbe\">"+obj.getElementsByTagName("csmc")[0].innerHTML+"</td>"
                        +"<td class=\"columnTitle_mustbe\">"+sfqyR+"</td>"+"<td class=\"columnTitle_mustbe\">"+sfyzysR+"</td>"+"<td class=\"columnTitle_mustbe\">"+ssxmR+"</td></tr>"
                        );
                     });
                     $("#write").show();
                    /*var customerContract = ele.getElementsByTagName("csmc")[0].innerHTML;
                    document.getElementById("test").innerHTML = customerContract; */
                    },
                    error:function(data){
                        var parser=new DOMParser();
                        var xmlDoc=parser.parseFromString(data.responseText,"text/xml");
                        alert(xmlDoc.getElementsByTagName("faultstring")[0].innerHTML);
                    }
                });    
            }
        }
         /* function _back(){
            if(xmlHttpRequest.readystate==4){   //处理完成
                if(xmlHttpRequest.status==200){ //成功返回
                var xml = xmlHttpRequest.responseXML;
                    var ele = xml.getElementsByTagName("return")[0];

                    var customerContract = ele.getElementsByTagName("csmc")[0].text;
                    document.getElementById("customerContract").innerHTML = customerContract;
            }
        }
    }  */

    $(document).ready(function(){

            $('#Wyyfw').validatebox({    
                required: true,    
               missingMessage: '请填写应用范围'   
            });  
            $('#Wyyfwmc').validatebox({    
                required: true,    
               missingMessage: '请填写应用范围名称'   
            });
            $('#Wcsbs').validatebox({    
                required: true,    
               missingMessage: '请填写参数标识'   
            });
            $('#Wcsmc').validatebox({    
                required: true,    
               missingMessage: '请填写参数名称'   
            });
            $('#auth_id').validatebox({    
                required: true,    
               missingMessage: '请填写用户名'   
            });
            $('#auth_pwd').validatebox({    
                required: true,    
               missingMessage: '请填写密码'   
            });
            $("#loginform").form("disableValidation");
            $("#writeform").form("disableValidation");


        $("#write").hide();

    $("#czlx").change(function(){
        $("#write").hide();
        var cslx = $("#czlx").val();
        $("#oidtr ~ tr").remove();
        if(cslx=="gjidcx"){ $("#check").append("<tr><td class=\"columnTitle_mustbe\">ID：</td><td class=\"tableContent\"><input type=\"text\" id=\"id\"/></td></tr>"); }
        if(cslx=="gjfwmccx"||cslx=="gjfwmccxNz"){ $("#check").append("<tr><td class=\"columnTitle_mustbe\">应用范围名称：</td><td class=\"tableContent\"><input type=\"text\" id=\"yyfwmc\"/></td><td class=\"columnTitle_mustbe\">所属项目：</td> <td class=\"tableContentAuto\"><select id=\"cslb\" ><option value=\"qxz\">请选择</option><option value=\"1\">档案管理</option><option value=\"2\">省经信委</option></select> </td></tr>"); }
        if(cslx=="cxhyzys"){ $("#check").append("<tr><td class=\"columnTitle_mustbe\">应用范围名称：</td><td class=\"tableContent\"><input type=\"text\" id=\"yyfwmc\"/></td><td class=\"columnTitle_mustbe\">所属项目：</td> <td class=\"tableContentAuto\"><select id=\"cslb\" ><option value=\"qxz\">请选择</option><option value=\"1\">档案管理</option><option value=\"2\">省经信委</option></select> </td></tr>"); }
        if(cslx=="gjcsbscx"||cslx=="gjcsbscxNz"){ $("#check").append("<tr><td class=\"columnTitle_mustbe\">参数标识：</td><td class=\"tableContent\"><input type=\"text\" id=\"csbs\"/></td><td class=\"columnTitle_mustbe\">所属项目：</td> <td class=\"tableContentAuto\"><select id=\"cslb\" ><option value=\"qxz\">请选择</option><option value=\"1\">档案管理</option><option value=\"2\">省经信委</option></select> </td></tr>"); }
        if(cslx=="gjxmcx"){ $("#check").append("</tr><tr><td class=\"columnTitle_mustbe\">所属项目：</td> <td class=\"tableContentAuto\"><select id=\"cslb\" ><option value=\"qxz\">请选择</option><option value=\"1\">档案管理</option><option value=\"2\">省经信委</option></select> </td></tr>"); }
        if(cslx=="gjxmqycx"){ $("#check").append("</tr><tr><td class=\"columnTitle_mustbe\">所属项目：</td> <td class=\"tableContentAuto\"><select id=\"cslb\" ><option value=\"qxz\">请选择</option><option value=\"1\">档案管理</option><option value=\"2\">省经信委</option></select> </td><td class=\"columnTitle_mustbe\">是否启用：</td> <td class=\"tableContentAuto\"><select id=\"sfqy\" ><option value=\"0\">是</option><option value=\"1\">否</option></select> </td></tr>"); }
        });
        });


    </script>
</html>
Ajax调用webservice
Sayesan的专栏
07-27 4128
原文出处：http://blog.csdn.net/vs_sundaylove/article/details/6586113 一些感悟：  最近工作一直都很忙。很久没有更新自己的博客了。有很多东西要写。也只能慢慢写。真正能讲出来的东西，才能叫做真正掌握了吧。 我很喜欢一句话：“纸上学来终觉浅，绝知此事要躬行”。所以，在工作之余，自己做一些Dome并且测试通过，才放到网上来，要不就是对知识的不...
ajax调用webservice
小白的博客
12-01 578
【代码】ajax调用webservice。
ajax访问webservice接口
a_sid的博客
08-16 948
1.使用mui框架的ajax请求mui.ajax('http://192.168.100.93:8080/oaWebService/standardService/app/getAuditMsg', { //webservice接口中方法需要的参数 data: {
Ajax调用Webservice接口实现单条数据和表回传
最新发布
qq_50431202的博客
12-12 1194
前后端分离！实现Ajax调用Webservice接口，回传单条数据或表数据的实例
Ext直接调用ASP.Net Ajax Webservice
weixin_34234721的博客
10-18 126
ExtJS发布了2.1版，经过测试，这个版本可以直接调用ASP.Net Ajax的WebService，示例代码如下： 1. WebService代码： using System; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; [We...
通过Ajax调用webService
基于整合的业务流程管理CI-BPM
04-10 1157
至Domino 7开始Domino允许开发人员编写web服务,但对于7.0来说Domino只能是提供者,无法直接通过Domino消费外部服务.但不是说Domino无法去消费外部服务,而是Domino7.0版本的一个限制.但开发人员可以通过微软提供的msSoap组件,通过调用SOAP COM的方法来实现.但此方法存在一个问题就是本服务器调用本服务器的webService会经常出现服务器宕机或速度很慢
通过Ajax调用WebService
jackphang的专栏
04-15 1003
此博文对应的WebService服务端博文是  使用JDK发布一个简单的WebService  。 值得注意ajax不能跨域访问。也就是访问WebService的服务必须和你项目是同一个Ip。   JSP核心代码：     <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodin
Ajax调用WebService
weixin_30613727的博客
12-12 126
前台代码： <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/x...
ajax调用WebService服务
心如止水 宠辱不惊
10-17 583
通过Ajax调用WebService服务 var xmlHttpRequeat ; function sendAjax(){ //定义请求体，   一个符合soap协议的xml文本文件 var requestBody = ' //1. 获取Ajax操作的核心对象 xmlHttpRequest = new XMLHttpRequest(); //2.指定WebService的请求地
ajax调用远程webservice,ajax跨域请求调用webservice接口
weixin_29229055的博客
08-05 1644
最近忽然想学习webservice，一直不知道如何跨域调用调用。若是都在同一个项目，相信你们都知道了？特此整理一下关键点，权当学习。javascript1.WebService 接口编写。这里不在赘述。html步骤：新建web项目=》添加web service=》编写方法接口=》而后发布。java关键如何让外部Ajax 调用。web首先，配置WebService 项目配置文件(web.config...
jQuery Ajax 调用WebService实例详解
热门推荐
shuai_wy的专栏
04-19 1万+
jQuery Ajax 调用WebService实例详解JQuery Ajax调用webservice的一些经验记录，在此实例中，解决跨域使用了Core解决方案，在下一篇文章中，会介绍JS 跨域的问题。 实例！、实例！、实例！ - 跨域解决方案 目录jQuery Ajax 调用WebService实例详解 - 跨域解决方案 目录 实例-源码 前端 WebService WebConfig实
ajax 调用 web service 示例
jxz_st_love123的专栏
04-18 720
这节的内容是调用webservice的第二种方法，就是用ajax调用webservice。 首先，我们先写用jdk发布一个web 服务，代码如下，然后右击选择【run as 】->【java application】，那么web服务发布成功。 package cn.itcast.ws; import javax.jws.WebService; import javax.xml.ws.End
ajax调用远程webservice,ajax跨域请求调用webservice接口(示例代码)
weixin_30587341的博客
08-05 893
1.WebService 接口编写步骤：新建web项目=》添加web service=》编写方法接口=》然后发布(本地测试可以直接把这个web service运行起来)。关键如何让外部Ajax 调用。首先，配置WebService 项目配置文件(web.config)红色部分必须配置，这样第三方才能调用接口方法(经测试通过，直接粘贴就ok)，不懂可以百度。2、其次，这里贴出WebService 中...
使用ajax调用webservice
sfhinsc的博客
11-08 910
使用ajax调用webservice
ajax调用Webservice
一步一步,网上爬
12-13 2258
WebService跟Ajax（我指Jquery框架），大家都不陌生。今天来看一个例子。在同域下Ajax调用WebService方法。（记得是同域，也就是要调用的WebService页面与Ajax请求页面在同一个网站下）。关于异步域调用，我会慢慢补上。 具体操作如下： 一、用VS2008 新建Web站点。这就不用解释了吧。 二、站点下放入Jquery框架，我这里用的是 jquery-1.4.
ajax 调用 webService
weixin_34234823的博客
08-01 211
前台脚本<script type="text/javascript"> $(function () { $.ajax({ type: "POST", //访问WebService使用Post方式请求 contentType: "application/json", //请...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值