用iframe提交表单,提交失败会自动回跳上一页,但是现在是整个页面回跳了?

小小寂寞的城 2017-09-28 11:11:12
我在A页面上写了一个iframe,但是没有个src,然后在jq里给src加上的链接,这个iframe里是加载自动提交一个表单,如果提交失败会自动回跳,按理说应该只是在iframe里回跳才是,但是现在是我整个页面回跳了。代码如下:
这个是iframe里的html和js代码
<form action="http://st.chonfnr.com/searchform.php?submit=1" method="post" name="form1" id="ml-box1_2">
<input type="hidden" name="tid" id="tid" value="1" />
<input type="hidden" name="sid" id="sid" value=""/>
<input type="text" id="subject" name="subject" value=""/>
<input id="phone" type="text" name="tel" value=""/>
</form>
</body>
<script type="text/javascript">
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);
}
}
return theRequest;
}
onload=function(){
var param = GetRequest();
param.key = param.k;
document.getElementById("phone").value = param.ph;
document.getElementById("subject").value = param.key;
document.getElementById("ml-box1_2").submit();
};
</script>
这个是我当前页的html代码
<div class="add-query add-com-sty yd-hid page2" style="display: none">
<a class="lg"><img src="__INDEX__/images/add-logo.jpg"></a>
<div class="add-query-box">
<div class="inp"><i class="fa icon-building"></i><input name="keyword" type="text" placeholder="输入名称"/></div>
<a class="queryToSearch" onclick="tj(event,this)" href="javascript:;">免费查询</a>
</div>
<p class="add-query-reg">
<a>免费分析注册成功率</a> <a>内部查询(付费)</a>
</p>
</div>
<iframe style="display: block" class="iframe" src="">
</iframe>

这个是我的jq代码,太长了,没有复制完,其余都是获取参数判断之类的,省略,主要是这里提交,设置计时器是因为怕回跳结束才执行我另一个表单提交,我其实是想展示submitForm()里这个表单提交页面
var url2 = '/has.html?sem=xxx&k='+keyword+'&ph='+phone;
setTimeout(function(){submitForm(url,phone,type)},500);
//$(".iframe").attr('src',url2);
}
}
function submitForm(action, phone,type) {
console.log(action);
var form = $("<form></form>");
form.attr('action', action);
form.attr('method', 'post');

var input1 = $("<input type='hidden' name='ph' value='"+phone+"' />");
var input2 = $("<input type='hidden' name='type' value='"+type+"' />");
form.append(input1);
form.append(input2);

form.appendTo("body");
form.css('display', 'none');
console.log(1);
form.submit();
}
...全文
161 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

39,084

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧