js / ajax 成功提交后怎么跳转到另外一个页面?

以下是代码,怎么样可以在【注册成功!帐号需要审核,我们将通过电话通知您审核结果!】成功提交后跳转到指定页面?应该怎么样改?由于本人不懂代码,希望懂的兄弟告诉下在哪里加什么代码,谢谢。暂无积分。。有了回赠

<script type="text/javascript">
function xxg()
{
var form1=document.getElementById('form1');
if (form1.pageid.value=="")
{
alert("帐号不能为空");
form1.pageid.focus();
return false;
}
if (form1.maileaddr.value=="")
{
alert("密码不能为空");
form1.maileaddr.focus();
return false;
}
if (form1.beizhu.value=="")
{
alert("机构名称不能为空");
form1.beizhu.focus();
return false;
}
if (form1.name.value=="")
{
alert("联系人姓名不能为空");
form1.name.focus();
return false;
}
if (form1.hometel.value=="")
{
alert("联系电话不能为空");
form1.hometel.focus();
return false;
}
if (form1.hometel.value.length<8 || form1.hometel.value.length>8)
{
alert("请输入正确的8位电话号码");
form1.hometel.focus();
return false;
}
if (form1.validate.value=="")
{
alert("请输入验证码");
form1.validate.focus();
return false;
}
return true;
}

// submit By JQuery
$(function(){
var msg = Array('参数出错,请用电话与我们联系!', '请输入正确的验证码', '数据处理出错,请用电话与我们联系!', '注册成功!帐号需要审核,我们将通过电话通知您审核结果!');
$('#form1').submit(function(){
if (xxg())
{
$.ajax({
type : 'POST',
dataType : 'json',
data : $('#form1').serialize(),
url : '{dede:global.cfg_cmsurl/}/baoming.php?type=submit',
complete : function() {
// $.unblockUI();
} ,
success : function (r) {
if ( r.status == 'error' ){
alert(msg[r.msgno]);
} else if (r.status == 'success') {
alert(msg[r.msgno]);
//location.reload(true);
}
},
error : function () {
alert('系统繁忙,请用电话与我们联系!');
}
});
}
return false;
});
});
</script>

sx/ajax提交成功后采用以下方式跳转:

1、本页面跳转:"window.location.href"、"location.href" 

2、上一层页面跳转:"parent.location.href"

3、最外层的页面跳转:"top.location.href"

@RequestMapping(value="searchUser")

publicvoidsearchHome(HttpServletResponseresponse){

Stringresult=null;

...

查询用户的方法

...

if(查询成功){

result=JsonUtil.objectToJson(查询结果对象);//结果对象转化成Json字符串,在ajax的结果中跳转到用户详情的处理方法

AjaxUtil.ajax(response,result);

}else{//查询失败,返回提示信息

AjaxUtil.error(response,"查询用户失败");

}

}

扩展资料

jsp页面的ajax:

此处的重点在于如何在ajax的回调函数中调用普通方法,并将之前查询出的用户数据传到普通方法中(上面伪代码中红色的部分),继而跳转到用户详情页面。

在body中写隐藏的form表单,在回调函数中把查到的用户数据复制给form表单中的input,然后提交表单跳转到普通方法中,这样就是以post方法提交的数据,并且可以跳转到新页面。

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-12-14

$.ajax({

type:"POST",

url: //你的请求程序页面随便

async:false,//同步:意思是当有返回值以后才会进行后面的js程序。

data://请求需要发送的处理数据

success:function(msg){

if (msg) {//根据返回值进行跳转

window.location.href = '你的跳转的目标地址';
}

扩展资料:

关于上述跳转的注意事项

1、ajax只接受最后返回的值,不会响应跳转请求更改浏览器地址栏地址转向的,你需要用js判断ajax的返回值是否要跳转,然后设置location.href实现跳转。

2、ajax异步请求struts的action只会返回所请求页面的html源代码,这样请求是不会跳转的,这种用法只是在替换页面局部html时使用。

3、在springMVC框架中,当controller层方法返回String类型的时候默认是进行页面跳转,这时候后台使用return时ajax接收到的并不是后台返回的某个字符串或状态码,而是整个html对象,这时可以在后台的方法上添加注解 @ResponseBody。

4、无法从ajax函数外部获取ajax请求到的数据,在需要使用数据的组件之前,先在ajax回调函数中使用localstorage.setItem()将数据储存在本地,在组件中使用localstorage.getItem()调用。 

在此过程中尝试在componentWillMount 中用 setState 来传递数据,但是报错,错误的大致内容是 setSate 必须在component 的 mounting和mounted状态下才能使用。

本回答被网友采纳
第2个回答  2015-06-16

首先ajax即“Asynchronous Javascript And XML”,即无刷新页面提交;

主要语法:

$.ajax({ url: "test.html", context: document.body, success: function(){
        $(this).addClass("done");
      }});
      //其中,url为请求路径,context为请求参数,success为回调函数;

如果你想要跳转到另外一个页面,可以使用location.href()方法,即在回调函数当中写;代码如下:

$.ajax({ url: "test.html", context: document.body, success: function(){
        location.href="跳转的页面";
        location当然还有很多类似的跳转方法,如window.open,或者
        window.location.href等
        传参数,直接
        location.href='跳转页面'+?“参数”
      }});

第3个回答  2015-07-25
jsx/ajax提交成功后采用以下方式跳转:
1、本页面跳转:"window.location.href"、"location.href"
2、上一层页面跳转:"parent.location.href"
3、最外层的页面跳转:"top.location.href"
举例说明:
如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写
"window.location.href"、"location.href":D页面跳转
"parent.location.href":C页面跳转
"top.location.href":A页面跳转
如果D页面中有form的话,
<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转
第4个回答  2010-03-11
把success那段改成
success : function (r) {
if ( r.status == 'error' ){
alert(msg[r.msgno]);
} else if (r.status == 'success') {
alert(msg[r.msgno]);
//location.reload(true);
window.location.href="http://www.hao123.com";//你可以跟换里面的网址,以便成功后跳转
}
},本回答被提问者采纳

js \/ ajax 成功提交后怎么跳转到另外一个页面?
jsx\/ajax提交成功后采用以下方式跳转: 1、本页面跳转:"windowlocationhref"、"locationhref" 2、上一层页面跳转:"parentlocationhref" 3、最外层的页面跳转:"toplocationhref" 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的ifrajs \/ ajax 成功提交后怎么跳转到另外一个页面?

js \/ ajax 成功提交后怎么跳转到另外一个页面?
1、本页面跳转:"window.location.href"、"location.href"2、上一层页面跳转:"parent.location.href"3、最外层的页面跳转:"top.location.href"RequestMapping(value="searchUser")publicvoidsearchHome(HttpServletResponseresponse){ Stringresult=null;...查询用户的方法 ...if(查询成功){ result=JsonUti...

如何在接到post请求后,render一个页面
jsx\/ajax提交成功后采用以下方式跳转:1、本页面跳转:"window.location.href"、"location.href"2、上一层页面跳转:"parent.location.href"3、最外层的页面跳转:"top.location.href"举例说明:如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写"window.location.href...

如何在接到post请求后,render一个页面
jsx\/ajax提交成功后采用以下方式跳转:1、本页面跳转:"window.location.href"、"location.href"2、上一层页面跳转:"parent.location.href"3、最外层的页面跳转:"top.location.href"举例说明:如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写"window.location.href...

JS 后退 history.go(-1) 不回到指定页面
这个需要你做url 重定向 百度一下吧 ,大概思路就是登录时带着之前访问的urlA 登录成功之后页面重新定向到urlA。

在一个jsp页面中如何通过点击一个按钮转到另一个jsp页面
那你就把链接改成按钮然后在上面挂个js事件就可以了。这样的效果可以:onclick="window.location='新页面'" 来实现。1.在原来的窗体中直接跳转用,代码:window.location.href="你所要跳转的页面"。2、在新窗体中打开页面用,代码:window.open('你所要跳转的页面');window.history.back(-1)。返...

js如何判断用户跳转哪个页面js如何判断用户跳转哪个页面
跳转到另一个网页 window.location.href=新页面地址"2.如果你想得到跳过当前页面的地址。需要带上上一页的参数。怎样用js将一个页面自动跳转到新的页面?要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式:第一种:(跳转到b.html)scriptlanguage="...

同事打开两个JSP网页A和B,在其中一个A网页中修改数据,按"提交"之后,B...
1、JS创建窗口 在窗口A里用JS打开网页B的窗口,这样后面提交后就可以在JS里刷新窗口B了 2、在窗口B里用Ajax刷新 窗口B里用Ajax定时检查后台数据有没有修改,有则刷新 3、用WebSocket 窗口B用WebSocket创建与服务器的长连接,服务器如果有改变则向窗口B推送数据 如果以上都不合适,或者太复杂,还有一...

怎么把一个页面的数据传到另一个数据
用js把数据从一个页面传到另一个页面的层里?如果是传到新页面的话,你网站基于什么语言开发直接用get或者post获取,然后输出到这个层 通过url传参 如果是HTML页面的话JS传到新页面就window.location.href='a.html?id=100';然后a.html页面的JS就 ?123 document.getElementById("s").innerHTML=windo...

ajax如何实现页面局部跳转与结果返回_javascript技巧
通过代码示例分析给大家介绍ajax实现页面局部跳转与结果返回,具体内容如下:1、带有结果返回的提交过程这里用一个提交按钮来演示,HTML代码为:点击提报按钮后,通过ajax来实现跳转到action中处理,JavaScript代码为:action处理完成后,将返回的结果放到result中,在页面弹出提示信息;当然这里的action跳转是需要...

相似回答