首页 课程 师资 教程 报名

AJAX跳转和跳转到新窗口

  • 2021-12-01 09:30:08
  • 1545次 星辉

如何进行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星辉在线学习,里面的课程由浅到深,适合小白学习,希望对大家能够有所帮助。

选你想看

你适合学Java吗?4大专业测评方法

代码逻辑 吸收能力 技术学习能力 综合素质

先测评确定适合在学习

在线申请免费测试名额
价值1998元实验班免费学
姓名
手机
提交