文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >在当前ajax页面中调用ajax页面

问在当前ajax页面中调用ajax页面
EN

Stack Overflow用户
提问于 2011-04-23 13:47:38
回答 1查看 484关注 0票数 0

我在index.php页面中创建了两个页面" index.php“和" library.php”我使用ajax.the在div中包含库页面的问题是当我在index.php中调用library.php页面时，ajax是存在的library.php不是working.please帮助......

以下是我的代码

Index.php

代码语言：javascript
复制
<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>

Library.php

(包含在index.php页面中)

代码语言：javascript
复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="Content-Style-Type" content="text/css">
        <meta http-equiv="Content-Script-Type" content="text/javascript">

        <title>Tabs - jQuery plugin for accessible, unobtrusive tabs</title>

        <script src="javascript/jquery-1.1.3.1.pack.js" type="text/javascript"></script>
        <script src="javascript/jquery.history_remote.pack.js" type="text/javascript"></script>
        <script src="javascript/jquery.tabs.pack.js" type="text/javascript"></script>


        <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>
 </body>
</html>
javascript
ajax
EN

回答 1

Stack Overflow用户

发布于 2011-04-23 14:10:35

在阅读代码后，看起来您想要在现有页面中添加一个页面，那么为什么要使用这些...又来了？

只需尝试使用纯文本！没有html，海德！

脚本，可以使用样式:)

您可以使用以下jQuery代码

代码语言：javascript
复制
$("#targetDiv").load("library.php");

Edit 2

使用此Library.php试用jQuery

代码语言：javascript
复制
    <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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/5762462

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档