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缓存的更多信息: