Javascript AJAX不再在页面上显示任何修改
Javascript AJAX不再在页面上显示任何修改,javascript,jquery,html,ajax,twitter-bootstrap-3,Javascript,Jquery,Html,Ajax,Twitter Bootstrap 3,我刚刚经历了一个问题,我不知道它来自哪里。。。事实上,昨天晚上,我开始为一个网站编写代码,一切正常。 今天早上,我来到我的办公桌前,打开我的网站,它开始工作了。但它并没有像我预期的那样工作:无论我对页面做了哪些更改,它似乎都不会显示或保存… 所以我想知道。。。我的jQuery AJAX请求是错误的,还是我不知道可能是什么。 请注意,我已经检查了很多次,如果我在正确的位置保存了文件,如果它不是一些加载失败的JavaScript,如果我没有关闭HTML标记,那么现在我被抓到了 我正在使用Bootst
我刚刚经历了一个问题,我不知道它来自哪里。。。事实上,昨天晚上,我开始为一个网站编写代码,一切正常。
今天早上,我来到我的办公桌前,打开我的网站,它开始工作了。但它并没有像我预期的那样工作:无论我对页面做了哪些更改,它似乎都不会显示或保存…
所以我想知道。。。我的jQuery AJAX请求是错误的,还是我不知道可能是什么。
请注意,我已经检查了很多次,如果我在正确的位置保存了文件,如果它不是一些加载失败的JavaScript,如果我没有关闭HTML标记,那么现在我被抓到了 我正在使用Bootstrap3样式表、jQuery和jQueryUIJavaScript以及jQueryAjax 这是我的密码: index.html:
<!DOCTYPE html>
<html>
<head>
<title>Sample title</title>
<link href="css/bootstrap.min.css" rel="stylesheet"></link>
<link href="css/bootstrap-theme.min.css" rel="stylesheet"></link>
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div id="navbar"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
<script>
$(document).ready(function(){
$.ajax({
url: "views/navbar.html",
success: function(result){
$('#navbar').html(result);
}});
$.ajax({
url: "views/cv.html",
success: function(result){
$('#content').html(result);
}});
$.ajax({
url: "views/footer.html",
success: function(result){
$('#footer').html(result);
}});
});
</script>
</body>
</html>
示例标题
$(文档).ready(函数(){
$.ajax({
url:“views/navbar.html”,
成功:功能(结果){
$('#navbar').html(结果);
}});
$.ajax({
url:“views/cv.html”,
成功:功能(结果){
$('#content').html(结果);
}});
$.ajax({
url:“views/footer.html”,
成功:功能(结果){
$('#footer').html(结果);
}});
});
html是默认引导程序的导航栏,但它包含以下内容:
<script>
$('#webdev').click(function(){
function webdev_ajax()
{
$.ajax({
url: 'views/webdev.html',
success: function(result){
$('#content').html(result);
}});
}
$('li').removeClass('active');
$('#li_webdev').addClass('active');
$('#content').fadeOut().delay(600);
setTimeout(webdev_ajax,600);
$('#content').fadeIn();
});
$('#cv').click(function(){
function cv_ajax()
{
$.ajax({
url: 'views/cv.html',
success: function(result){
$('#content').html(result);
}});
}
$('li').removeClass('active');
$('#li_cv').addClass('active');
$('#content').fadeOut().delay(600);
setTimeout(cv_ajax,600);
$('#content').fadeIn();
});
</script>
$('#webdev')。单击(函数(){
函数webdev_ajax()
{
$.ajax({
url:'views/webdev.html',
成功:功能(结果){
$('#content').html(结果);
}});
}
$('li').removeClass('active');
$('li#u webdev').addClass('active');
$('#content').fadeOut().delay(600);
setTimeout(webdev_ajax,600);
$('#content').fadeIn();
});
$('#cv')。单击(函数(){
函数cv_ajax()
{
$.ajax({
url:“views/cv.html”,
成功:功能(结果){
$('#content').html(结果);
}});
}
$('li').removeClass('active');
$('li#u cv')。addClass('active');
$('#content').fadeOut().delay(600);
setTimeout(cv_ajax,600);
$('#content').fadeIn();
});
该cv.html实际上没有一些内容,只有一个带有一些文本的“p”标记,它在更改时继续显示,但webdev.html没有显示更改
以下是webdev.html的代码:
<div class="row">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 style="text-align:center;">HTML</h3>
</div>
<div class="panel-body">
<p>
Le HTML (Hyper Text Markup Language) est la base de tout projet internet : c'est le langage web permettant de mettre en forme
du contenu web pour un site. Il est généralement couplé à d'autres langages afin d'en étendre les possibilités (CSS, PHP, JavaScript, etc...)
</p>
</div>
<table class="table">
<tr>
<td class="active"><b><center>Niveau</center></b></td>
<td class="info"><center>Débutant - Utilisateur indépendant</center></td>
</tr>
<tr>
<td><b><center>Connaissances prérequises</center></b></td>
<td class="info"><center>Aucune</center></td>
</tr>
<tr>
<td class="active"><b><center>Logiciels / fichiers requis</center></b></td>
<td class="success"><center>Editeur de code<sup><a id="code_edit" href="#">?</a></sup></center></td>
</tr>
</table>
<div class="panel-footer">
<p style="text-align:center;"><a href="#" class="btn btn-primary btn-block">Choisir</a></p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 style="text-align:center;">JavaScript</h3>
</div>
<div class="panel-body">
<p>
Le JavaScript est un langage de script utilisé dans les pages web en général pour rendre celles-ci
plus dynamiques. Ces scripts s'exécutent côté client (machine de l'utilisateur) et respectent la norme
ECMA Script. Il existe des fonctionnalités supplémentaires permettant d'étendre le JavaScript vers le serveur.
</p>
</div>
<div class="panel-footer">
<p style="text-align:center;"><a href="#" class="btn btn-primary btn-block">Choisir</a></p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 style="text-align:center;">jQuery</h3>
</div>
<div class="panel-body">
</div>
<div class="panel-footer">
<p style="text-align:center;"><a href="#" class="btn btn-primary btn-block">Choisir</a></p>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
var texte = "Un éditeur de code est un logiciel où vous pouvez éditer du texte.\nExemple : Notepad++, Netbeans, Sublime Text, etc...";
$('#code_edit').prop('title',texte);
$('#code_edit').tooltip();
});
</script>
HTML
HTML(超文本标记语言)是互联网项目的基础:它是一种网络形式
杜康特努网站。这是一种可能的语言(CSS、PHP、JavaScript等)
Niveau
Débutant-利用工业吊坠
认可要求
奥库恩
逻辑/菲舍尔要求
代码编辑
JavaScript
JavaScript是脚本使用语言的一部分,它使用的是网页的语言
还有活力。Ces脚本的客户(使用机器)和规范
ECMA脚本。这是一家提供服务的基金会。
jQuery
$(文档).ready(函数(){
var texte=“编写代码时不需要任何逻辑文件。\n模板:记事本++、上网本、升华文本等…”;
$('code_edit').prop('title',texte);
$('code_edit')。工具提示();
});
如果有人知道它的来源和原因,请告诉我。看起来你的浏览器已经缓存了html网页。 正如您在jquery文档中看到的: 缓存(默认值:true,对于数据类型“script”和“jsonp”为false)类型: 布尔值如果设置为false,将强制请求的页面不被删除 由浏览器缓存。注意:将缓存设置为false只会起作用 正确使用HEAD并获取请求。它通过附加 “{timestamp}”以获取参数。此参数不需要用于 其他类型的请求,IE8中发布URL时除外 这已经被一个GET请求了 因此,您可以将参数添加到ajax选项中
cache: false
您还可以将paramater添加到ajax请求文件名中
webdev.html?v=1...
它将强制浏览器加载它
您可以在此处阅读有关ajax缓存的更多信息:
您的浏览器似乎已经缓存了html网页。 正如您在jquery文档中看到的: 缓存(默认值:true,对于数据类型“script”和“jsonp”为false)类型: 布尔值如果设置为false,将强制请求的页面不被删除 由浏览器缓存。注意:将缓存设置为false只会起作用 正确使用HEAD并获取请求。它通过附加 “{timestamp}”以获取参数。此参数不需要用于 其他类型的请求,IE8中发布URL时除外 这已经被一个GET请求了 因此,您可以将参数添加到ajax选项中
cache: false
您还可以将paramater添加到ajax请求文件名中
webdev.html?v=1...
它将强制浏览器加载它
您可以在此处阅读有关ajax缓存的更多信息: