Jquery / Ajax在Safari中工作,但不在Firefox中工作

时间:2012-04-10 01:26:02

标签: ajax firefox

这是一个测试页面。点击一个按钮应该将整个外部页面extern2.php加载到内容div中。 Extern2.php适用于Safari和Firefox,但index.php仅适用于Safari。

主页:

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery Ajax Test</title>
<script type="text/javascript" src="jquery_1.6.1.js"></script>

<script type="text/javascript">
 function foo() {
         $('#content').load('extern2.php', function() {
  alert('Load was performed.');
});
  }
</script>

<meta name="robots" content="index, follow, noarchive" />
        <link rel="stylesheet" href="style.css" type="text/css" />


        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

</head>
<body>

<form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
<input type="submit" name="formSubmit" value="Submit" />
</form>

        <?php
            if(isset($_POST['formSubmit'])) 
            {
       ?>

       <script type="text/javascript">
       $(document).ready(function() {
           $('#content').load('extern2.php');
       });
       </script>

        <?
            }
        ?>

<div id="content">Initial content in test.html</div>
</body>
</html>

外部网页:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <meta name="robots" content="index, follow, noarchive" />
        <link rel="stylesheet" href="style.css" type="text/css" />

        <!-- This includes the ImageFlow CSS and JavaScript -->
        <link rel="stylesheet" href="imageflow.packed.css" type="text/css" />
        <script type="text/javascript" src="imageflow.packed.js"></script>


        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

    </head>
    <body>

    <?php 
    // Connecting to database
    $con = mysql_connect('CONNECT INFO HERE');
    if (!$con)
      {
      die('Could not connect: ' . mysql_error());
      }

    mysql_select_db("CONNECT INFO HERE", $con);
    $userID=2;

    $getPage="SELECT * FROM pages,thumbnails WHERE thumbnails.thumbnailID=pages.thumbnailID AND pages.userID=".$userID." AND pages.projectID='8' LIMIT 3";
    $pageResult = mysql_query($getPage) or die(" ". mysql_error());
    ?>

    <!-- This is all the XHTML ImageFlow needs -->
    <div id="myImageFlow" class="imageflow">
        <? while($line = mysql_fetch_array($pageResult)) {
            $thumb = $line['fileName'];
            $title = $line['title'];
            $link = $line['url'];

            echo "<img src='../../thumbnails/small/".$thumb."' longdesc='".$link."' alt='".$title."' />";  
        }
        ?>

    </div>

    <?
    mysql_close($con);
    ?>

    </body>
</html>

1 个答案:

答案 0 :(得分:0)

错误控制台(CTRL-SHIFT-J)说什么? Firebug也有帮助吗?