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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值