Javascript 如何在我的html表单中从API获取信息？

我有与geoip查找apiu相同的代码，但不适用于asl查找。请帮助这段代码的编写者它为什么不能工作

     <h3>Ip address ASL info</h3>
     <script>
      $(function() {
      $('#Search').on('submit', function() {
      event.preventDefault();    
      var url = 'https://api.hackertarget.com/aslookup/?q=1.1.1.1';
      var data = $('#Search').serialize();
      $.ajax(url + '?q' + data).then(function(data) {
      $('.output').text(data);

        });
          });
       });
       </script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

        <form method="get" id="Search">
         <input type="hidden" name="sites" value="" />
          <input type="text" name="q" placeholder="INFO" aria-label="Search" />
            <button type="submit">Search</button>
               </form>

                <div class="output"></div>

Ip地址ASL信息
$（函数（）{
$（'#Search'）。在（'submit'，function（）上{
event.preventDefault（）；
var url='1〕https://api.hackertarget.com/aslookup/?q=1.1.1.1';
变量数据=$（“#搜索”）.serialize（）；
$.ajax（url+'？q'+数据）。然后（函数（数据）{
$（'.output'）.text（数据）；
});
});
});
搜寻

尝试在ajax函数之后记录数据。如果有人有更好的端口扫描api，那么让我们看看控制台上的错误？请包括代码。此api有限。请尝试在ajax函数之后记录数据。如果有人有更好的端口扫描api，那么让我们看看控制台上的错误？请包括代码。这个api是有限的。