Question

我正在寻找一些代码来加载DIV w / JQuery中的页面。

基本上，当页面加载时我想加载

将displaycatch.php改为DIV

<div id="results">Content for  id "results" Goes Here</div>

然后，我想创建一个按钮，在该DIV内容中加载不同的页面。

感谢任何帮助。

谢谢！

Answer 1

以下是来自按钮的非常简单的ajax调用。成功后，响应将被放入您的DIV

$("#button").click(function() {
  $.ajax({
   type: "POST",
   url: "some.php",
   data: "foo=bar&fooo=baz",
   success: function(msg){
     $("#results").html(msg);
   }
 });
});

Answer 2

$(document).ready(function(){
    $('#results')
    .load('displaycatch.php')
    .after($('<button/>',{text:'Load another','type':'button'}).click(function(){
        $('#results').load('displayanother.php')
    }));
);

在加载页面时将displaycatch.php加载到#results，然后在其后插入按钮，点击后会加载不同的页面。此外，还不清楚，如果您已经有按钮或想要动态创建它。

将页面加载到DIV中

2 个答案: