它在url中只显示了一个pad

Ajax It shows me only one pad in the url

本文关键字：一个 pad url 显示 它在      更新时间：2023-09-26

我正在整合我的网站ajax加载内容，而无需重新加载页面。一切工作正常，但都是这种风格url http://mysite/#。我希望生成的url重新加载页面保持在同一个地方，我也可以使用一个新的url为喜欢的facebook。你知道哪里出错了吗?我留下代码:

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

这是一个执行任务的代码，你想在jquery ajax

  • 包含jquery文件在你的页面头部，像这样

<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>
相关文章：