Javascript 在当前ajax页面中调用ajax页面_Javascript_Ajax

Javascript 在当前ajax页面中调用ajax页面

javascript ajax

Javascript 在当前ajax页面中调用ajax页面,javascript,ajax,Javascript,Ajax,我在index.php页面中创建了两个页面index.php和library.php。我使用ajax将库页面包含在一个div中。问题是当我在index.php中调用library.php页面时，exist library.php中的ajax不起作用。请帮助 $("#targetDiv").load("library.php"); 这是我的密码 $("#targetDiv").load("library.php"); Index.php <html> <head> &l

我在index.php页面中创建了两个页面index.php和library.php。我使用ajax将库页面包含在一个div中。问题是当我在index.php中调用library.php页面时，exist library.php中的ajax不起作用。请帮助

$("#targetDiv").load("library.php");

这是我的密码

$("#targetDiv").load("library.php");

Index.php

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var rootdomain = "http://" + window.location.hostname

function ajaxinclude(url) {
    var page_request = false
    if (window.XMLHttpRequest) page_request = new XMLHttpRequest()
    else if (window.ActiveXObject) {
        try {
            page_request = new ActiveXObject("Msxml2.XMLHTTP")
        } catch (e) {
            try {
                page_request = new ActiveXObject("Microsoft.XMLHTTP")
            } catch (e) {}
        }
    } else return false
    page_request.open('GET', url, false)
    page_request.send(null)
    writecontent(page_request)
}

function writecontent(page_request) {
    if (window.location.href.indexOf("http") == -1 || page_request.status == 200) document.write(page_request.responseText)
}

</script>
</head>

<body>
<div style="width:400px; height:500px;">
<script type="text/javascript">
ajaxinclude("Library.php")
</script>
</div>


</body>
</html>

$("#targetDiv").load("library.php");

这是一位杰出的领袖，他是一位伟大的领袖。这是一位杰出的领袖，他是一位伟大的领袖。这是一位杰出的领袖，他是一位伟大的领袖。这是一位杰出的领袖，他是一位伟大的领袖。这是一位杰出的领袖，他是一位伟大的领袖。 $function{ $'container-5'。选项卡{fxsiled:true，fxFade:true，fxSpeed:'normal'}； };

在阅读代码之后，看起来您想在现有页面中添加一个页面，那么为什么要使用这些页面。。。再一次

$("#targetDiv").load("library.php");

试试纯文本！没有html，头！可以使用脚本和样式：

$("#targetDiv").load("library.php");

您可以使用这个jQuery代码

$("#targetDiv").load("library.php");

    <script src="javascript/jquery-1.1.3.1.pack.js" type="text/javascript"/>
    <script src="javascript/jquery.history_remote.pack.js" type="text/javascript" />
    <script src="javascript/jquery.tabs.pack.js" type="text/javascript"   />
    <link rel="stylesheet" href="css/jquery.tabs.css" type="text/css" media="print,  projection, screen">
    <style type="text/css" media="screen, projection">
    body {
        font-size: 16px;  }
    * html body {
        font-size: 100%; 
    }
    body * {
        font-size: 87.5%;
        font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    }
    body * * {
        font-size: 100%;
    }
    h1 {
        margin: 1em 0 1.5em;
        font-size: 18px;
    }
    h2 {
        margin: 2em 0 1.5em;
        font-size: 16px;
    }
    p {
        margin: 0;
    }
    pre, pre+p, p+p {
        margin: 1em 0 0;
    }
    code {
        font-family: "Courier New", Courier, monospace;
    }
    </style>
</head>
<body>

<h2>Slide and Fade Effect Combined</h2>

<div id="container-5">
    <ul>
        <li><a href="#fragment-13"><span>One</span></a></li>
        <li><a href="#fragment-14"><span>Two</span></a></li>
        <li><a href="#fragment-15"><span>Three</span></a></li>
    </ul>
    <div id="fragment-13">
        <p>Use a combined slide and fade effect to switch tabs:</p>
        <pre><code>$(&#039;#container&#039;).tabs({ fxSlide: true, fxFade: true, fxSpeed: 'fast' });</code></pre>
    </div>
    <div id="fragment-14">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
    <div id="fragment-15">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
</div>

<script type="text/javascript">
    $(function() {
      $('#container-5').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' });
    });
</script>

编辑2

$("#targetDiv").load("library.php");

使用此Library.php尝试jQuery

$("#targetDiv").load("library.php");

我不会闯入你的计算机窃取你的代码并调试它。@blender，你需要在debug-ninja.stackoverflow.com上发布，这样事情就会发生在深夜，悄悄地调试不知情受害者的代码。蝙蝠侠管弦乐团的音乐逐渐淡出。我尝试了你提到的那一个，它不起作用。我不明白为什么ajax不起作用。请解释你想在INDEX.PHP中显示LIBRAY.PHP吗？得到的错误是什么？library.php是一个选项卡式的面板，选项卡名称是一、二、三，但当我在index.php中显示library.php时，它不是以选项卡形式出现的，就像没有使用ajax文件一样，这意味着当我在index.php$targetDiv.loadlibrary.php中调用library.php时，javascript不起作用；这变成了同样的问题