表单根据不同的提交按钮转向不同的页面操作

<!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=gb2312" />
<title>平台</title>
</head>
<style>
</style>
<body>
        <div class="formstyle" style="width:50%;">
        <!--<form action="<?php // echo site_url('lol_reward/ip_whitelist_tool/ip_check'); ?>"  method="post"  id="myform" style="width:25%"> -->
        <form id="myform" style="width:25%" method="post">
        <table border= "0">
        <tr>    
                <td>    
                        <strong><label style="margin-left:100px">IP地址:</label></strong>
                </td>   
                <td>    
                        <input class="biginput" name="ip_address">
                </td>   
        </tr>   
        <tr>    
                <td>    
                        <input style="margin-left:100px" value="查询" class="btnshort"  id="check" onclick="ip_check()"/>
                </td>   
                <td>    
                        <input style="margin-left:100px"  value="添加" class="btnshort" id="add" onclick="ip_add()"/>
                </td>   
        </tr>   
        </form> 
        </div>  
<script>
function ip_check()
{
        x=document.getElementById("myform");
        x.action="<?php echo site_url('lol_reward/ip_whitelist_tool/ip_check'); ?>";
        x.submit();
}


function ip_add()
{
        x=document.getElementById("myform");
        x.action="<?php echo site_url('lol_reward/ip_whitelist_tool/ip_add'); ?>";
        x.submit();
}

</script>


</body>
</html>

 程序猿必读

转载于:https://www.cnblogs.com/longzhongren/p/4627524.html

### 实现 Form 表单提交后重定向 为了使 HTML 表单提交数据之后自动跳转到指定的目标页面,可以采用多种方法来实现这一功能。以下是几种常见的技术方案: #### 方法一:使用 HTTP 头部信息进行服务器端重定向 当表单提交给服务器处理时,在响应中加入 `Location` 字段指向新的 URL 地址。 ```python from django.http import HttpResponseRedirect def submit_form(request): # 假设这是处理 POST 请求并保存数据后的逻辑 ... return HttpResponseRedirect('/success/') # 跳转到成功页面[^3] ``` 这种方法适用于基于框架的应用程序开发环境,比如 Django 或 Flask 等 Python Web 框架。 #### 方法二:客户端 JavaScript 控制重定向 利用 JavaScript 来控制浏览器行为也是一种常见的方式。可以在用户点击按钮或完成某些操作后再执行跳转动作。 ```javascript // 使用原生 JS 设置 location.href 属性来进行页面切换 document.getElementById("myForm").addEventListener("submit", function(event){ event.preventDefault(); // 阻止默认提交事件 var xhr = new XMLHttpRequest(); xhr.open("POST", "process.php"); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { window.location.href = "/thankyou.html"; // 提交完成后转向感谢页 } }; xhr.send(new FormData(document.forms["myForm"])); }); ``` 此代码片段展示了如何监听表单提交事件,并通过 AJAX 技术异步发送请求而不刷新整个页面;一旦收到成功的回复,则改变当前窗口的位置属性以达到重定向的效果[^2]。 #### 方法三:直接设置 action 属性为目标地址 最简单的方法是在 `<form>` 标签内定义 `action` 参数为希望访问的新网页链接。这样只要按下提交键就会立即前往该位置而无需额外编程干预。 ```html <form id="redirectForm" method="post" action="/targetPage"> <!-- 输入字段 --> </form> ``` 这种方式适合于不需要复杂业务流程的情况,因为所有的参数都将作为查询字符串附加到目标 URI 后面传递过去[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值