Question

我正在尝试使用ajax从holiday.html加载ticket.htm。当我点击＆＃34; Get Ticket＆＃34;它应该从ticket.htm滑动para但我什么也没得到。我只能看到一个按钮。到目前为止，我的脚本就像这样..

<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加载票证

1 个答案: