请问如何用ajax返回一个实体数据并跳转到新页面?

Question

如何用ajax返回一个实体数据并跳转到新页面? 

Answer 1

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方法提交的数据，并且可以跳转到新页面。

Answer 2

$.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状态下才能使用。

Answer 3

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

主要语法：

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

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

1234567

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

Answer 4

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页面跳转