Question

我正在整合我的网站ajax来加载内容而无需重新加载页面。一切正常但是这种风格的网址是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分配给您的锚标记

<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绑定点击事件

<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>

Ajax它只显示了url中的一个pad

1 个答案: