为什么Ajax在我的页面中不起作用

时间:2018-07-24 10:36:09

标签: php ajax

请帮助,ajax无法正常工作。 我从这里尝试了本教程, Ajax box PHP 效果很好,但是当代码安装在其他页面上时,我只是不想工作。

这是代码

<!DOCTYPE html>
 <html lang="en">
 <head>

<script src="typeahead.min.js"></script>
<script>
$(document).ready(function(){
$('input.typeahead').typeahead({
    name: 'typeahead',
    remote:'search.php?key=%QUERY',
    limit : 10
});
});
</script>

<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.min.css">
<script src="typeahead.min.js"></script>
  <link rel="stylesheet" type="text/css" href="asset/css/plugins/font-  awesome.min.css"/>
  <link rel="stylesheet" type="text/css" href="asset/css/plugins/simple-line-icons.css"/>
  <link rel="stylesheet" type="text/css" href="asset/css/plugins/animate.min.css"/>
  <link rel="stylesheet" type="text/css" href="asset/css/plugins/fullcalendar.min.css"/>
  <link rel="stylesheet" href="asset/datepicker/datepicker3.css">
  <link rel="stylesheet" type="text/css" href="asset/css/plugins/datatables.bootstrap.min.css"/>
<link href="asset/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="asset/select2/select2.min.css">
<!-- end: Css -->
<script type="text/javascript" src="asset/js/jquery.min.js"></script>
 <script type="text/javascript" src="ajax.js"></script>
<link rel="shortcut icon" href="asset/img/logomi.png">
 </head>
  <body>

        <div id="content">
            <div class="bs-example">
        <input type="text" name="typeahead" class="typeahead tt-query" autocomplete="off" spellcheck="false" placeholder="Type your Query">
            </div>
        </div> 
   </div>

请帮助...谢谢..

1 个答案:

答案 0 :(得分:0)

请先尝试包含js和其他引导文件。然后尝试执行jquery和ajax代码。

sudo systemctl restart apache2

现在它将起作用。还要确保所有与js相关的文件均已正确包含。在浏览器中运行页面时,键入f12并检查是否生成了ajax调用。希望它能正常工作。