加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularJS中html中跨域跳转

发布时间:2020-12-17 08:23:31 所属栏目:安全 来源:网络整理
导读:在开发中遇到的一个html跨域跳转的场景,再商城客户端首页点击搜索跳转到另个客户端的搜索页搜索。 在网上搜了一天springmvc跨域请求,都没有找到解决办法。感觉我遇到的问题和网上说的场景有些出入,没有找到正确的方法,网上看到的都是,跨域请求其他服务

在开发中遇到的一个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间跨域跳转的一个案例,另外如果以后遇到的是后端服务器与服务器,实现跨域请求,或者是前端跨域请求后台服务端的问题,在做研究。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读