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

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它就是提交表单和页面刷新，这就是为什么它不起作用的原因。

代替输入Submit set 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 个解决方案

解决方案1
3 已采纳 2013-03-21 10:58:41

解决方案2
0 2013-03-21 11:01:27

解决方案3
0 2013-03-21 11:18:55

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

问题描述

3 个解决方案

解决方案1 3 已采纳 2013-03-21 10:58:41

解决方案2 0 2013-03-21 11:01:27

解决方案3 0 2013-03-21 11:18:55

解决方案1
3 已采纳 2013-03-21 10:58:41

解决方案2
0 2013-03-21 11:01:27

解决方案3
0 2013-03-21 11:18:55