2015-05-03 4 views
0

как подсказывает название, у меня возникли проблемы, работает мой сценарий:AJAX - на кнопке щелчок мыши не работает

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#subbut").click(function(e){ 
      e.preventDefault(); 
     $.ajax(
        { 
         url : 'http://jsonplaceholder.typicode.com/[email protected]', 
         method : 'GET' 
        }) 
      .then(
        function(data) { 

         document.getElementById("street").value = data[0].address.street; 

        }); 
    }); 
}); 
</script> 

И моя форма здесь:

<form id="myForm" 
      action="<%=response.encodeURL(request.getContextPath() 
       + "/upisKorisnika.html")%>" 
      method="POST"> 
      <table id='userInput' class="display" border="0" 
       style="font-family: Arial; font-size: 18px;"> 

       <tr> 
        <td><c:out value="E-mail: " /></td> 
        <td><input type="text" name="email" id="email"></td> 

       </tr> 

       <tr> 
        <td colspan="2" style="text-align: center"> 
         <input type="submit" name="subbut" class="btn btn-default" id="subbut" value="Submit"> 
        </td> 
       </tr> 
      </table> 
      <input type="hidden" id="street" name="street" /> 
      </form> 

Мой первый вопрос, почему Безразлично» Что-нибудь случится, когда я нажимаю submit, что я делаю неправильно? И я также хотел бы знать, как я могу получить значение текстового поля «Email», так что я мог бы использовать что-то вроде этого:

url : 'http://jsonplaceholder.typicode.com/users?email='+mail, 

ответ

0

Первое, путает использование формы, которая не отправляет данные в сервер и кнопку отправки без отправки формы.

Во-вторых, вам нужно использовать инструмент отладки, например, инструмент для создания хрома. Это даст вам след ваших звонков.

Чтобы отладить, добавьте к обещанию. Затем обратный вызов ошибки с помощью простого оповещения или console.log, чтобы узнать, что происходит с вашим вызовом.

И, отвечая на ваш вопрос, ваш код будет прав.

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