javascript-访问URL参数-PHP和Angular JS

大佬教程收集整理的这篇文章主要介绍了javascript-访问URL参数-PHP和Angular JS，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

所以我的网站是用于后端的PHP和用于前端的AngularJs.很奇怪,我发现我必须在前端使用PHP才能实现某些功能,例如获取URL参数.以下说明；

以以下网址为例

http://www.test.co.uk/search-menu/1/cinamon-soho
http://www.test.co.uk/search-restaurant?LOCATIOn=asokoro&day=today&time=1100

我在同一页面中的Angular代码需要参数位置,日期等.
现在我必须使用下面的线将它们传递到

$scope.l = <?PHP echo json_encode($_GET['LOCATIOn']); ?>;

我的问题是；

>有没有一种方法可以仅使用Angular访问这些变量,这样我就可以摆脱PHP的困扰了？
>如果问题1可行,那么如果我决定将Angular代码从该页面移到我参考使用的专用.js页面,该怎么做？

< script src =“ http://www.test.co.uk/js/main.js”>< / script>

费耶

该网站不是使用AngularJS从头开始构建的.后来将Angular引入前端的繁重工作中,PHP正在这样做,因此该网站不是SPA.没有适当的角度布线.

谢谢.

解决方法:

我将使用如下功能

function fetchGetVariables() {
  var loc = "http://www.test.co.uk/search-restaurant?LOCATIOn=asokoro&day=today&time=1100";
  // var loc = window.LOCATIOn.href; // Use this in actual use
  var result = {};

  var parts = loc.split("?");

  if (parts.length > 0) {
    var params = parts[1].split("&");

    for (var i = 0; i < params.length; i++) {
      var keyValuePair = params[i].split("=");

      var key = keyValuePair[0];
      var value = "";
      if (keyValuePair.length > 0) {
        value = keyValuePair[1];
      } 

      result[key] = value;
    }
  }

  return result;
}

console.log(fetchGetVariables());

这给出了输出：

Object {LOCATIOn: "asokoro", day: "today", time: "1100"}

在this小提琴上看到它.

大佬总结

以上是大佬教程为你收集整理的javascript-访问URL参数-PHP和Angular JS全部内容，希望文章能够帮你解决javascript-访问URL参数-PHP和Angular JS所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。