AJAX跳转和跳转到新窗口 - 极悦
专注Java教育14年 全国咨询/投诉热线:444-1124-454
极悦LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 AJAX跳转和跳转到新窗口

AJAX跳转和跳转到新窗口

更新时间:2021-12-01 09:30:08 来源:极悦 浏览1652次

如何进行AJAX跳转和跳转到新窗口?

一般我们在这个页面跳转,直接window.location.href = yourjumpurl;

但是如果你想跳转到新页面,你需要这样做:

①:var newWin = window.open('_blank');
②:$.ajax( .. . . ... .,
    success:function (data) {
            / * Suppose data.url is the address to be jumped * /
        newWin.location.href = data.url;
                       / * Hereby Note that the new window is outside Ajax instead of the Success callback inside * /
    }
);

关于跳转的注意事项

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

通过上述相信大家对AJAX跳转和跳转到新窗口的方法已经有所了解,大家若想了解更多相关知识,可以关注一下极悦的Java极悦在线学习,里面的课程由浅到深,适合小白学习,希望对大家能够有所帮助。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>