一个页面用jquery请求两个不同action解决方法-Java教程-爱易网页

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

日期：2014-05-17　浏览次数：20862 次

一个页面用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不同即可
------解决方案--------------------

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>