如何用JS控制表单的POST目标页面?
先说下我的情况
支付页面:
两个单选框:支付宝、手机支付
输入金额框
一个提交按钮
想通过js来控制提交到的POPST目标页面
因为支付宝和手机支付的付款接受页面是不同的,路径也不同
如果用户选择的是“支付宝”充值,就跳到:alipay/alipayto.php
如果用户选择的是“手机支付”充值,就跳到:moblie/dodirectpayment_token.php
html代码:
JS代码:
现在不知道为什么,JS的这两句:
window.form1.action = page;
window.form1.submit;
似乎不起作用?也就是我点按钮,JS操作的方法里
page变量可以成功赋值,但没有跳转到POST目标页面
支付页面:
两个单选框:支付宝、手机支付
输入金额框
一个提交按钮
想通过js来控制提交到的POPST目标页面
因为支付宝和手机支付的付款接受页面是不同的,路径也不同
如果用户选择的是“支付宝”充值,就跳到:alipay/alipayto.php
如果用户选择的是“手机支付”充值,就跳到:moblie/dodirectpayment_token.php
html代码:
<FORM name="form1" method="post">
支付宝:<input type="radio" name="payMethod" value="alipay" checked/>
手机支付:<input type="radio" name="payMethod" value="mobile" />
充值金额:<input type="text" name="money" maxlength="30" size="10" value="10" />
<input name= "btn" type="submit" value="立即充值" onClick="javascript:btn_onsubmit(); ">
</FORM>JS代码:
function btn_onsubmit()
{
var val = GetRadioValue("payMethod");
var page = "";
switch(val)
{
case "alipay":
page = "alipay/alipayto.php";
break;
case "mobile":
page = "moblie/dodirectpayment_token.php";
break;
}
window.form1.action = page;
window.form1.submit;
}
//循环提取单选值-可以忽略不看
function GetRadioValue(RadioName){
var obj;
obj=document.getElementsByName(RadioName);
if(obj!=null){
var i;
for(i=0;i<obj.length;i++){
if(obj[i].checked){
return obj[i].value;
}
}
}
return null;
}
</script>现在不知道为什么,JS的这两句:
window.form1.action = page;
window.form1.submit;
似乎不起作用?也就是我点按钮,JS操作的方法里
page变量可以成功赋值,但没有跳转到POST目标页面
...全文
相关推荐
js异步上传
#### 四、文件预览与显示通过CSS和JavaScript控制元素的显示与隐藏来实现文件预览功能。
php页面自动跳转的几种实现方法
#### 三、使用 JavaScript除了上述两种方法外,还可以利用客户端脚本来实现页面的自动跳转。JavaScript 是一种强大的客户端脚本语言,能够轻松地控制页面的行为。
一个from表单提交多个功能
但是,如果希望在同一个表单中实现多个功能,则需要借助客户端脚本来动态改变`action`属性的值,从而控制表单提交的目标地址。
两个SUBMIT按钮,如何区分处理
方法2提供了更灵活的控制,可以轻松地将表单提交到不同的处理页面,但需要用户的浏览器支持JavaScript。在实际应用中,可以根据项目需求和目标用户群体的特性来选择合适的方法。
jquery-get-post-load 方法
- 表单提交,避免页面跳转。#### 七、总结jQuery 的 GET、POST 和 LOAD 方法以及 AJAX 方法为开发者提供了强大的工具来处理客户端与服务器之间的数据交互。


