当前位置: 代码迷 >> Java Web开发 >> 一个页面用jquery请求两个不同action解决方法
  详细解决方案

一个页面用jquery请求两个不同action解决方法

热度:141   发布时间:2016-04-17 10:57:21.0
一个页面用jquery请求两个不同action
如图,我想在一个页面内输入一个订单号,然后点击paylog和log两个按钮,分别请求两个不同action,返回的结果在查询结果里面显示,我的代码是这样的,求高手帮忙

HTML code
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%><%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%>">        <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">    <script type="text/javascript" src="./js/jquery.js"></script>    <script type="text/javascript" src="./js/jquery-1.5.2.min.js"></script>    <script type="text/javascript">  $(document).ready( function(){      $("#paylogBtn").click( function() {        var param = {            vouch_Code:$("#vouch_code").val()        };        alert("<%=path%>");        var url = '/order/queryOrderAction' ;        $.ajax({              url:url,              type:'post',              dataType:'json',                error : function(){              alert(url);                },              success:function(data){                 alert("success");              }     });     })         });    </script>  </head>    <body>  <form action="queryOrderAction">      <h1>订单查询</h1>      <table>          <tr>              <td height="34" bgcolor="#FFFFFF" align="right">订单号:</td>              <td bgcolor="#FFFFFF">                    <input id="vouch_code" type="text"  size="30"/>                    <input type="button" id="paylogBtn" value="paylog" style="height:25px;width:70px;text-align:center"/>                    <input type="button" id="logBtn" value="log" style="height:25px;width:70px;text-align:center"/>              </td>              <td></td>          </tr>          <tr>                <td height="34" bgcolor="#FFFFFF" align="right">查询结果:</td>                <td>                    <textarea id="ta" wrap="off" rows="20" cols="50" ></textarea>                </td>            </tr>      </table>        <br><a href="./page/queryLog.jsp">日志查询--GO</a>      </form>  </body></html>


------解决方案--------------------
把log按钮也加上事件,然后URL换掉不可以吗?
------解决方案--------------------
在按钮事件log下在加一个ajax提交,提交的请求url改成你要提交的地址,返回到页面时一样
------解决方案--------------------
1楼正解
------解决方案--------------------
两个事件一起运行不就行
------解决方案--------------------
两个onclick对应不同的action地址,url不同即可
------解决方案--------------------
  相关解决方案