javascript - Ajax 它只向我显示网址中的一个垫

Question

我正在集成我的网站 ajax 来加载内容，而无需重新加载页面。一切正常，但都是这种风格的 url http://mysite/#。 我希望生成的 url 可以重新加载页面以保留在同一位置，我还可以使用 facebook 之类的新 URL。知道可能出什么问题吗？我留下代码:

function nuevoAjax() {
    var xmlhttp = false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
function Cargar(url) {
    var center = document.getElementById('center');
    ajax = nuevoAjax();
    ajax.open("GET", url, true);
    ajax.onreadystatechange = function () {
        if (ajax.readyState == 4) {
            center.innerHTML = ajax.responseText;
        }
    }
    ajax.send(null);
}

还有按钮:

<a href="#" class="animabot" onclick="Cargar('<?php $_SERVER['DOCUMENT_ROOT']?>/text/text1.php');"><img src="<?php $_SERVER['DOCUMENT_ROOT']?>/image/road.jpg" width="60" height="34"/></a>

这是加载动态内容的div

<div class="center"></div>

新编辑:

<sript src:"https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
        $("#loadContent").on("click",function(event){
            event.preventDefault();
            $.ajax({
                url: $(this).attr("href"),
                type: 'GET',
                data: {"anydata":"anydatavalue"},
                success : function(reponse){
                    $("#center").html(reponse);
                }
            }); 
        });

    </script>

按钮:

<li><a href="<?php $_SERVER['DOCUMENT_ROOT']?>/bio.php" id="loadContent">BIO</a></li>

Answer 1

这是一段代码，用于在jquery ajax中执行您想要的任务

• 包括jquery file像这样在页面的头部

<sript src:"https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script

分配一个id到您的 anchor 标记

<a href="<?php $_SERVER['DOCUMENT_ROOT']?>/text/text1.php" class="animabot"  "><img src="<?php $_SERVER['DOCUMENT_ROOT']?>/image/road.jpg" id="loadContent" width="60" height="34"/></a>

Jquery Ajax 与点击事件绑定(bind)

<script>
        $("#loadContent").on("click",function(event){
            event.preventDefault();
            $.ajax({
                url: $(this).attr("href"),
                type: 'GET',
                data: {"anydata":"anydatavalue"},
                success : function(reponse){
                    $("#center").html(reponse);
                }
            }); 
        });

    </script>