jQuery 函数 .load() 不起作用答案

【问题标题】：jQuery function .load() doesn't workjQuery 函数 .load() 不起作用
【发布时间】：2012-10-11 08:09:26
【问题描述】：

我有问题。这不是我第一次以这种方式使用这个 jQuery 函数 ( .load() )，但现在，我真的不明白为什么在这个新网站中，它不起作用。在 Firebug 控制台中，当我单击链接“connexion”时，GET 显示为红色，并且根本没有加载“form.login.php”。为什么？

顺便说一句，在文档准备好后，“form.accueil.php”的加载工作正常。但不是另一个 .load 调用。

这是我的一段代码。提前致谢。

<!-- SCRIPT -->
<script type="text/javascript" src="js/jquery-1.8.2.js" ></script>
<script type="text/javascript">

    function menuClick(tab)
    {

        switch (tab)
        {
            case -1: // accueil
                // alert(tab+':accueil');
                // $('#main_center').empty();
                $('#main_center').load('form.accueil.php');
                break;

            case 0: // connexion
                // alert(tab+':connexion');
                // $('#main_center').empty();
                $('#main_center').load('form.login.php');
                break;
        }   
    }

    $(document).ready(function() 
    {
        $('#main_center').load('form.accueil.php');
    });

</script>

</head>
<body>

<div id="wrap">
    <!-- HEADER -->
    <div id="header">
        <div id="menu">
            <ul class="menu">
                <?php
                    // Affichage du menu
                    echo '<li onClick="menuClick(-1);"><a class="" id="tab1" href="">Accueil</a></li>';

                    if (!$oLogin->get_connected())
                    {
                        // si pas connecté on affiche le module de connexion
                        echo '<li onClick="menuClick(0);"><a class="" id="tab2" href="">Connexion</a></li>';
                        // echo '<li onClick="menuClick(0);"><a class="" id="tab2" href="">Connexion</a></li>';
                        echo '<li onClick="menuClick(666);"><a class="" id="tab2" href="">Test</a></li>';
                    }

这里是'form.login.php'

<form name="Identification" method="post" action="index.php">
    <table class="side-menu">
        <tr>
            <th colspan="2" id="th_conn">CONNEXION</th>
        </tr>
        <tr>
            <td></td>
        </tr>
        <tr>
            <td align="left">Nom d'utilisateur</td>
            <td><center><input class="text" type="text" name="usager"></center></td>
        </tr>
        <tr>
            <td align="left">Mot de passe</td>
            <td><center><input class="text" type="password" name="passwd"></center></td>
        </tr>
        <tr id="submit" valign="top">
            <td></td>
            <td><center><input class="submit" type="submit" value="Soumettre"></center></td>
        </tr>
    </table>
</form>

【问题讨论】：

你为什么期望form.connexion.php 加载然后load 调用加载form.login.php？
哎呀我的错。我刚刚更改了它，我在描述中使用了错误的术语。
没有更多信息，我的第一个猜测是 form.login.php 要么不存在，要么你需要修复的脚本中有错误
form.login.php 是一个简单的 html 表单。如您所见，我添加了代码。
如果 AJAX 调用返回红色，那么就您的 javascript 执行而言，一切都必须正常工作，错误必须与文件本身有关...您可以在浏览器中加载文件吗正确拥有？另外，你给出的绝对路径正确吗？还是 form.login.php 在子文件夹中？

标签： jquery load firebug

【解决方案1】：

错误在 ... 它缺少 #。所以即使是 jQuery 脚本也无法加载页面。

【讨论】：