Почему я не получаю ответ от serialize ()? - PullRequest
Новая
       1

Почему я не получаю ответ от serialize ()?

2 голосов
/ 24 января 2020

Я очень новичок в jQuery. Я пытался использовать метод .serialize в jQuery, но я не могу получить ответ. Я проверил консоль в Microsoft Edge, Inte rnet Explorer и Chrome, но нет никаких признаков того, что что-то происходило после подключения к последней библиотеке (3.4.1). Мой код HTML и JavaScript указан ниже: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<script language="JavaScript" type="text/javascirpt" src="https://code.jquery.com/jquery-3.4.1.js">
</script>
</head>
<body>
<form name="ourform" id="ourform" action=''>
<select name="salute">
    <option>Mr.</option>
    <option>Mrs.</option>
</select>
<br>
First Name: <input type="text" name="firstname"/>
Last Name: <input type="text" name="lastname"/>
<br>
<select name="region" multiple="multiple">
    <option>North</option>
    <option>South</option>
    <option>East</option>
    <option>West</option>
</select>
<br>
<textarea rows="6" cols="20" name="comment">
</textarea>
<input type="submit" name="g" value="submit" id="g"/>
</form>
<div class="results">Your Results</div>

<script language="JavaScript" type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js">
$(document).ready(function(){
    $('#ourform').submit(function(event){
        event.preventDefault();
        var myform = $('#ourform').serialize();
        alert(myform);
        return false;
    });
});

</script>

</body>
</html>

Любая помощь, которую вы можете оказать, будет принята с благодарностью.

Ответы [ 2 ]

0 голосов
/ 24 января 2020

Редактировать: так как кажется, что вы хотите отключить стандартное поведение submit для кнопки, добавление атрибута type="button" устраняет необходимость отмены стандартного поведения.

Когда вы включаете свое собственное javascript в тегах <script> вам не нужен атрибут src (это вызывало 404)

обновленный jsfiddle 

    ...
      <button id="g" name="g" value="submit">Submit</button>
    </form>
    <div class="results">Your Results</div>

    <script language="JavaScript" type="text/javascript">
      $(document).ready(function() {
        $('#g').click(function(event) {
          //event.preventDefault();
          var myform = $('#ourform').serialize();
          alert(myform);
          return false;
        });
      });

    </script>

  </body>

</html>

$ is undefined вызвано jquery невозможностью загрузки, что вызвано ошибкой написания 'javascript' в 

<script language="JavaScript" type="text/javascirpt" src="https://code.jquery.com/jquery-3.4.1.js">
</script>
0 голосов
/ 24 января 2020

Вы не можете включить атрибут src и иметь данные в теге - если у вас есть src, ваш скрипт-тег должен быть пустым.

Просто используйте два отдельных: 

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#ourform').submit(function(event){
        event.preventDefault();
        var myform = $('#ourform').serialize();
        alert(myform);
        return false;
    });
});
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...