Javascript 使用.Load和jQuery在DIV中加载HTML页面

我在PHP中有一个函数，用于呈现和返回HTML内容，当页面加载时，我需要将结果加载到DIV中。我是这样做的：

 <div id="myModal" class="reveal-modal" title="El Farol" data-animation="fade"> <a class="close-reveal-modal">&#215;</a>
     <script>
         $(document).ready(function() {
             $(this).load("http://devserver/app_dev.php/register");
         });
     </script>
 </div>

和#215；
$（文档）.ready（函数（）{
$（此）。加载（“http://devserver/app_dev.php/register");
});

但是如果我调用

http://devserver/app_dev.php/register

我从浏览器中获取HTML。我做错了什么？在DOM complete load或page load上，在容器中加载HTML内容的正确方法是什么？

尝试以下方法：

我插入了

a href

标记的链接，而不是脚本。。。这样替换链接会更容易

HTML:

<div id="myModal" class="reveal-modal" title="El Farol" data-animation="fade">
<a class="close-reveal-modal" href="http://devserver/app_dev.php/register">Page 1</a>

$(document).ready(function(){
  $('a').click(function(e){
     e.preventDefault();
     $("#myModal").load($(this).attr('href'));
  });
});

---

您的html和JS应该像这样分开：

<div id="myModal" class="reveal-modal" title="El Farol" data-animation="fade">
</div>

 <script>
     $(document).ready(function() {
         $('#myModal').load("/app_dev.php/register", function() {
              $('#myModal').append( '<a class="close-reveal-modal">&#215;</a>' );
         });
     });
 </script>

$（文档）.ready（函数（）{
$（'#myModal'）.load（“/app#dev.php/register”，function（））{
$（'#myModal'）。追加（'×；'）；
});
});