jquery,ajax多表单提交实现代码

发布时间：2020-07-02 04:28:13 阅读：936 作者：wangtengcong 栏目：web开发

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

客户端：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>生成页面</title>
<script language="javascript" src="/plus/temlates/jquery-1.7.1.min.js"></script>
<script language="javascript" src="/plus/temlates/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#form1").submit(function() {
        var options = {
            target: '#Tip',
            url: 'huizong1.php?button01=do',
            type: 'GET',
            success: function(ht) {
                if (ht == 1) {
                    alert("成汇总静态页面生成结束");
                }
            }
        };
        $('#form1').ajaxSubmit(options);
        return false;
    })
    $("#form5").submit(function() {
        var options = {
            target: '#Tip',
            url: 'djdh_bd230.php?button02=do',
            type: 'GET',
            success: function(ht) {
                if (ht == 1) {
                    alert("成汇总静态页面生成结束");
                }
            }
        };
        $('#form5').ajaxSubmit(options);
        return false;
    })
    $("#btnSubmit").click(function() {
        $("#form1").submit();
        $("#form5").submit();
    });
})
</script>
</head>
<body>
 <table width="800" border="1" align="center">
  <tr>
      <td width="800" align="center" valign="middle" bgcolor="#18B41D" colspan="2"><button id="btnSubmit" >一键生成</button></td>
                              
    </tr>
 <tr >
      <td width="300" align="center" valign="middle" bgcolor="#18B41D" ><form id="form1" name="form1" >
  <label>
    <input type="submit" id="button" name="button012" value="点击生成汇总静态页面" />
                          
  </label>
</form></td>
      <td width="200" align="center" valign="middle" bgcolor="#18B41D"><a href="/plus/jingtai/huizong/index.html" target="_blank">浏览汇总页面</a></td>
    </tr>
  <tr>
      <td width="300" align="center" valign="middle" bgcolor="#18B41D">
                               
     <div > <form id="form5" name="form5"  method="get"  >
  <label>
    <input type="submit"   id="button" value="30天总点击对话预约排序" />
                          
  </label>
</form></div>
<form id="form55" name="form55"  method="get" action="djdh_bd230.php">
  <label>
    <input type="submit"  name="button02" id="button" value="30天总点击对话预约排序" />
                          
  </label>
</form>
</td>
      <td width="200" align="center" valign="middle" bgcolor="#18B41D"><a href="/wangtengcong-zjz/plus/jingtai/djdh_bd/index301.html" target="_blank">浏览30天总点击对话预约排序页面</a></td>
    </tr>
</body>
</html>

服务器端：

if($_GET[button02]!= null){……}

参考网址：http://www.aqee.net/docs/jquery.form.plugin/jquery.form.plugin.html

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

jquery,ajax多表单提交实现代码

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签