angularJS中html中跨域跳转

前端之家收集整理的这篇文章主要介绍了angularJS中html中跨域跳转前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在开发中遇到的一个html跨域跳转的场景,再商城客户端首页点击搜索跳转到另个客户端的搜索搜索

在网上搜了一天springmvc跨域请求,都没有找到解决办法。感觉我遇到的问题和网上说的场景有些出入,没有找到正确的方法,网上看到的都是,跨域请求其他服务器,返回到本客户端响应。

我是想在一个客户端html页面中点击跳转到另一个客户端html,并传递参数,没有那么多步骤。

现在想来如果按照网上的我这个功能实现应该是,商城客户端html,点击请求商城服务端,然后商城服务端跨域请求另一个客户端的服务端,服务端在重定向到这个客户端的搜索页,这个按照上面的思路我还没有去实现,最后用的另一个方法实现需求,特此记录下来。

1.场景:

在商场页面点击搜索,通过下面的代码跳转到另个客户端响应

location.href = "http://localhost:9113/search.html#?keywords="+$scope.keywords;

这个客户端的的url总是上面传过来的url,你在这个客户端搜索,这个状态栏url不会变,

问题的症结是:这个url不变,当你刷新页面的时候,页面又回到了跳转过来的时候,原因是重新加载了上面的url。,这个url包含了搜索的关键字参数。


2. 问题解决

这个问题症结就是url不变。

最后在这个客户端的绑定搜索的angularJS方法中,加入下面的代码

var stateObject = {};
var title = "产品列表页";
var newUrl = "/search.html#?keywords="+$scope.searchMap.keywords;

history.pushState(stateObject,title,newUrl);

history.pushState(param1,param2,param3)这个方法是改变url,而不更新网页。参数1是一个Json对象,第二个参数是网页的标题,第三个参数是新的url。至此在这个页面的url会根据新的搜索,而改变url,问题解决

现在看起来很简单,但在出现这个问题的时候,找网上html跨域问题,没有找到解决办法,最后想到用js改变url这个办法。

现在把这个场景的问题记录下来,这个是前端html间跨域跳转的一个案例,另外如果以后遇到的是后端服务器与服务器,实现跨域请求,或者是前端跨域请求后台服务端的问题,在做研究。

原文链接:https://www.f2er.com/angularjs/144969.html

猜你在找的Angularjs相关文章