Question

示例代码：

<html>
    <head>
        .....
    </head>
    <body>
        <div id="content">
            <form>
                ....
                <input type="submit" onclick="loadAnotherPage()"/>
            </form>
        </div>
    </body>
</html>

我想在content div中加载另一个页面 edit_profile.php 。如何在不刷新页面的情况下实现？

我尝试使用jQuery load()方法。但看起来我错过了什么。任何帮助将受到高度赞赏。

Answer 1

当您点击submit button时，它会提交表单和页面刷新，这就是它无效的原因。

而不是输入提交设置按钮，然后设置功能onclick。

function loadAnotherPage(){
    $("#content").load('edit_profile.php');
}

Answer 2

           $(document).ready(
            function() {
              $('#load_file').click(
            $.post('edit_profile.php',
             {},
             function(data){
                $("#content").html(data);
             },''
            )
               ); 
                }
                    );

Answer 3

试试这个

<html>
 <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 </head>
    <body>
     <div id="content"></div>
      <button id="loadpage">load new page</button>
<script>
 $(document).ready(function () {
    $("#loadpage").click(function() {
        $.get("edit_profile.php", function(response){
          $("#content").html(response);
        });
    })
 });
</script>
    </body>
</html>

用另一个页面响应替换div的当前内容

3 个答案: