Django 1.11とJavascriptが動作していない単純なプロジェクトがあります。 HTML内でjsを実行するとjsonのロードとjavascriptが動作しますが、このすべてを静的フォルダに入れると、javascriptはロードされますが、何も実行されません。私は静的フォルダを設定してCSS設定を読み込みますが、javascriptでは動作しません。私はまた、成功せずに集計を実行します。あなたは助けてもらえますか?(Django + External JavaScript)が動作しない
JS:
(function(){
'use strict';
window.onload = function(){ alert("Hi there"));}
var SentimientosApp = angular.module('SentimientosApp', []);
SentimientosApp.controller('SentimientosCtrl', function ($scope, $http){
$http.get("../externalfiles/countries.json").success(function(data) {
$scope.datos = data;
});
});
}());
ウェブ/ sentimientos/index.htmlを:
{% load static %}
<html ng-app="SentimientosApp">
<head>
<meta charset="utf-8">
<title>Angular.js JSON Fetching Example</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="{% static 'css/css.css' %}">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
<script type="text/javascript" src="{% static 'js/sentimientos.js' %}"></script>
</head>
{% block content %}
<body ng-controller="SentimientosCtrl">
{% block title %}Articles for {{ year }}{% endblock %}
<h2>Angular.js JSON Fetching Example</h2>
<table>
<tr>
<th>Code</th>
<th>Country</th>
<th>Population</th>
</tr>
<tr ng-repeat="d in datos">
{% verbatim %}
<td>{{d.code}}</td>
<td>{{d.name}}</td>
<td>{{d.population}}</td>
<td><input type="text" ng-model="new_title"/>{{ new_title }}</td>
{% endverbatim %}
</tr>
</table>
</body>
{% endblock %}
</html>
JSONは、これと同じ構造の静力学でのフォルダにあります。
http://ladimi.com/bigdata/externalfiles/countries.json
フォルダ構造は次のようになります。
0123私はFirefoxのネットワークモニタをチェックするとJSがそれをcallesなかったよう\---web
+---crawler
| +---crawluniandes
| | +---.settings
| | +---crawluniandes
| | | +---spiders
| | | | \---__pycache__
| | | \---__pycache__
| | +---xmlnotepadsetup
| | +---XSL
| | \---__pycache__
| +---migrations
| | \---__pycache__
| +---static
| | +---css
| | | \---AMLG_CSS
| | +---doc
| | +---img
| | | \---buttons
| | \---js
| | \---vendor
| +---Templates
| +---XMLs
| \---__pycache__
+---rss
| +---migrations
| | \---__pycache__
| +---static
| | \---css
| | \---images
| +---Templates
| \---__pycache__
+---sentimientos
| +---media
| +---migrations
| | \---__pycache__
| +---static
| | +---css
| | +---externalfiles
| | \---js
| +---templates
| | \---sentimientos
| \---__pycache__
+---static
| +---admin
| | +---css
| | +---fonts
| | +---img
| | | \---gis
| | \---js
| | +---admin
| | \---vendor
| | +---jquery
| | \---xregexp
| +---css
| | \---AMLG_CSS
| +---doc
| +---externalfiles
| \---js
| \---vendor
\---web
\---__pycache__
、JSONは、表示されません。
あなたはjavascriptの資産の404年代を取得していますか? –
200または304を取得 – vlad0x