相关疑难解决方法(0)

我正在使用此代码发出AJAX请求:

$("#userBarSignup").click(function(){
    $.get("C:/xampp/htdocs/webname/resources/templates/signup.php",
        {/*params*/},
        function(response){
            $("#signup").html("TEST");
            $("#signup").html(response);
        },
        "html");

但是从Google Chrome JavaScript控制台我一直收到此错误:

XMLHttpRequest无法加载file:/// C:/xampp/htdocs/webname/resources/templates/signup.php.仅支持HTTP的跨源请求.

问题是signup.php文件托管在我的本地Web服务器上,这是所有网站运行的地方,因此它不是跨域的.

我怎么解决这个问题？

一切正常,直到我尝试添加路由.我读到Angularjs版本1.2+要求'ngRoute'作为依赖项(我使用的是版本1.2.16).我添加了它,但它仍然无效.以下是我的代码.

test.html(主页)

<html ng-app="demoApp">
<head>
    <title></title>
</head>
<body>
    <p>Front Page</p>
    <div ng-view></div>
    <script src="angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-route.js"></script>
    <script src="testjs.js"></script>
</body>
</html> 

testjs.js

demoApp = angular.module('demoApp',['ngRoute']);

demoApp.config(function ($routeProvider) {

    $routeProvider.when('/', {
        controller: 'SimpleController',
        templateUrl: '/partials/first.html'
    });

});

var controllers = {};
controllers.SimpleController = function ($scope){
    $scope.first = "Info";
    $scope.customers=[
        {name:'jerry',city:'chicago'},
        {name:'tom',city:'houston'},
        {name:'enslo',city:'taipei'}
    ];
};
demoApp.controller(controllers);

first.html

<div>
    <input type="text" ng-model="name"/>
    </br>
    {{first}}
    </br> 
    <ul>
        <li ng-repeat="cust in customers | filter:name">{{cust.name | uppercase}} - {{cust.city}}</li>
    </ul>   
</div>

我想为瘦客户端开发html5 SPA应用程序.无法在其上启动任何Web服务器.而且我不能在没有Web服务器的情况下进行路由工作.

我的index.html

<!doctype html>
   <html ng-app="app">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
    <script src="app.js"></script>
    <title></title>
</head>
<body style="background-color: white;">
    <h1>Index</h1>
    <a id="link" href="/login">Go to login</a>
    <div ng-controller="HomeCtrl">
        <ul ng-repeat="number in numbers" >
            <li>{{number}}</li>
        </ul>
    </div>
</body>
</html>

我的app.js.

angular.module('app', []).
  config(function($routeProvider) {
    $routeProvider.
      when('/', {controller: HomeCtrl, templateUrl: 'index.html'}).
      when('/login', {controller: LoginCtrl, templateUrl: 'login.html', resolve: function() {}}).
      otherwise({redirectTo:'/'});
  });

function HomeCtrl($scope) {
    $scope.numbers = [1,2,3,4,5];
}

function LoginCtrl($scope) {

}

我正在Chrome中的计算机上本地测试此代码.数据绑定就像魅力一样,但登录页面的链接却没有.它通向{X}:\ login.所以我的问题是:它是否可以使它与Web服务器一起使用？其次,我缺少完成它的工作？