Как вызвать AJAX с помощью кнопки поиска

У меня есть следующий Javascript:Как вызвать AJAX с помощью кнопки поиска

<script> 
function showtickets(str) { 
    if (str == "") { 
     document.getElementById("txtHint").innerHTML = ""; 
     return; 
    } 
    if (window.XMLHttpRequest) { 
     xmlhttp = new XMLHttpRequest(); 
    } 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById("txtHint").innerHTML = xmlhttp.responseText; 
     } 
    } 
    xmlhttp.open("GET", "/processes/editticket.php?WTNum=" + str, true); 
    xmlhttp.send(); 
}

Он отлично работает, если я использую переключатель и вызвать функцию с «OnChange». Однако мой клиент запросил вместо этого поисковый запрос. Я не могу заставить его работать с полем поиска. Вот мой HTML для окна поиска и div, где результаты должны идти.

<form class='form-horizontal col-xs-12 col-md-12 col-lg-12' name="editticket" method="post" action="/processes/updateticket.php"> 
    <div class='panel panel-primary'> 
     <div class='panel-heading'> 
      <h3 class='panel-title'>Edit Work Tickets</h3> 
     </div> 

      <div class='panel-body'> 
       <div class="input-group"> 

    <span class="input-group-addon">Enter Ticket #</span> 
          <input type="text" class="form-control" id="search" name="WTNum" > 
          <span class="input-group-btn"> 
           <button class="btn btn-default" type="button" onclick="showtickets(document.getElementById('search').value)">Search</button> 
          </span> 

       <div id="txtHint"><b></b></div> 

</form>

Я чего-то не хватает !! Это заставляет меня INSANE !! Спасибо всем заранее. Это очень ценно.

источник

2014-07-25 K3n5

любой ошибке когда u открыт в режиме отладки? – Se0ng11

Вы отметили это с помощью jQuery, можете ли вы использовать jQuery? Если это так, это довольно простая проблема, которая может быть решена с помощью [jQuery UI Autocomplete] (http://jqueryui.com/autocomplete/) или любого количества сторонних плагинов. –

Почему бы не просто вызвать функцию showtickets без аргументов, а затем внутри функции вы сделаете это

str = document.getElementById('search').value;

источник

2014-07-25 02:13:33 Khalid

на самом деле, он делает :) – Khalid

@ K3n5 добро пожаловать – Khalid

Да, не заметил, что у OP был тип, установленный на кнопку, которая останавливает его от действия, как кнопка отправки. –

Я думаю, что вы должны вам Javascript отладки или предупреждения в некотором объеме, чтобы найти, где хит ошибка

источник

2014-07-25 02:32:48

Как вызвать AJAX с помощью кнопки поиска

ответ

Смежные вопросы