尝试使用 ajax 加载票证

Question

我正在尝试使用 ajax 从 holiday.html 加载 ticket.htm。当我点击 "Get Ticket" 时，它应该从 ticket.htm 滑动段落，但我什么也没得到。我所能看到的是 button.so 远我的脚本是这样的..

<script>
    $(document).ready(function()
   {
    $("#button").on('click','#submit',function()
         {
            $.get("ticket.htm",function(response)
           {
            $('#content').html(response).slideDown();
           });
        });
    });
 </script>

 <body>
   <div id="button">
       <input id="submit" type="submit" value="Get Ticket"/>
   </div>

     <div id="content">
     </div>
 </body>

门票：

  <p class="button-para">Flight Details: Air Asia<br>
                Schedule: 20-01-2015 (10:15 AM)<br>
                Gate C
  </p>

Answer 1

$('#content').html(response).slideDown(); // appending response to the newly added div

<body>
 <div id="button">
       <input id="submit" type="submit" value="Get Ticket"/>
 </div>
<div id="content"></div> // Added a new div with id content 
</body>

编辑：此问题是由于在未使用网络服务器的情况下调用 xmlhttp 请求 (AJAX)。安装 xampp (apache,php,mysql) 后问题就解决了

尝试使用 ajax 加载票证

trying to load ticket using ajax

javascript

ajax

jquery