Web.py 使用 JS 文件时遇到问题
Web.py trouble using JS file
我正在学习 web.py 框架的教程,基本上是在为博客设置框架。但是,我在实现注册表单的时候,用的是网上class老师给我提供的一个js文件。如下:
$(document).ready(function(){
console.log("loaded");
$.material.init();
$(document).on("submit", "#register-form", function(e){
e.preventDefault();
console.log("form submitted");
var form = $('#register-form').serialize();
$.ajax({
url: '/postregistration'
type: 'POST'
data: form
success: function(response){
console.log(response);
}
});
});
});
在 HTML 文件中,我将其定义如下,连同我的其他 js 文件:
$var js: static/js/jquery-3.2.1.min.js static/js/bootstrap.min.js static/js/material.min.js static/js/ripples.min.js static/js/scripty.js
scripty.js位于static/js,所以我相信我的语法没问题,但是当我访问网站时,Chrome中的控制台没有任何反馈本地主机。这是一个问题,因为我想使用 AJAX 来获取信息,但我无法判断 js 是否正常工作。谁能帮我弄清楚出了什么问题?谢谢!
$var js
只是定义了一个名为 js
的参数。它实际上并没有告诉浏览器加载 javascript——事实上,它本身并没有告诉浏览器任何东西。
您需要在模板中写入适当的 HTML:
<script src="/static/js/jquery...."></script>
<script src="/static/js/bootst...."></script>
等等
如果您想使用 $js
,您可以让模板为您编写负载:
$if content.get('js', None):
$for x in content.js.split(' '):
<script src="/$x"></script>
我正在学习 web.py 框架的教程,基本上是在为博客设置框架。但是,我在实现注册表单的时候,用的是网上class老师给我提供的一个js文件。如下:
$(document).ready(function(){
console.log("loaded");
$.material.init();
$(document).on("submit", "#register-form", function(e){
e.preventDefault();
console.log("form submitted");
var form = $('#register-form').serialize();
$.ajax({
url: '/postregistration'
type: 'POST'
data: form
success: function(response){
console.log(response);
}
});
});
});
在 HTML 文件中,我将其定义如下,连同我的其他 js 文件:
$var js: static/js/jquery-3.2.1.min.js static/js/bootstrap.min.js static/js/material.min.js static/js/ripples.min.js static/js/scripty.js
scripty.js位于static/js,所以我相信我的语法没问题,但是当我访问网站时,Chrome中的控制台没有任何反馈本地主机。这是一个问题,因为我想使用 AJAX 来获取信息,但我无法判断 js 是否正常工作。谁能帮我弄清楚出了什么问题?谢谢!
$var js
只是定义了一个名为 js
的参数。它实际上并没有告诉浏览器加载 javascript——事实上,它本身并没有告诉浏览器任何东西。
您需要在模板中写入适当的 HTML:
<script src="/static/js/jquery...."></script>
<script src="/static/js/bootst...."></script>
等等
如果您想使用 $js
,您可以让模板为您编写负载:
$if content.get('js', None):
$for x in content.js.split(' '):
<script src="/$x"></script>