Почему jquery не работает правильно?

Этот код отлично работает в текущем состоянии, где im использует событие click на кнопке. Но если я использую тег формы вокруг тегов ввода в своем html-коде и использую метод отправки jquery, он не дает никаких результатов. почему это происходит? я должен использовать элемент формы, потому что я хочу, чтобы иметь возможность искать с помощью клавиши ввода InstEd щелкать на кнопкеПочему jquery не работает правильно?

Html:

<body> 
    Title: <input type="text" id="title"><br/> 
    <input type="submit" value="Submit" id="btn"> 
    <p id="results"></p> 
    <body>

JQuery:

$(document).ready(function(){ 

    $("#btn").on("click", function(){ 
    var textval = $('#title').val(); 
    var playListURL = 'https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=' + textval + '&format=json&callback=?'; 
    $.ajax({ 
    type: "GET", 
    url: playListURL, 
    contentType: "application/json; charset=utf-8", 
    async: false, 
    dataType: "json", 
    success: function (data, textStatus, jqXHR) { 
     for (var i = 0; i < 10; i++) 
     { 
      var url = "https://en.wikipedia.org/wiki/" + data.query.search[i].title; 
      $("#results").append("<b> <a href='" + url + "' > " + data.query.search[i].title + "</a></b></br> "); 
     //console.log(url); 
     } 
    }, 
    error: function (errorMessage) { 
    } 
    }); 
    //alert($('#title').val()); 
    }); 
});

источник

2016-03-24 Shrey Pai Dhungat

Пожалуйста, вы могли бы предоставить код, который вы используете, когда вы кладете «тег формы вокруг входных тегов в моем HTML коде и использовать JQuery Передать метод», наряду с вашим в настоящее время отображаемый код. Благодарю. – TheMintyMate

Вы имеете в виду что-то вроде этого https://jsfiddle.net/qa4ps6t0/2/ – fefe

Попробуйте изменить эта линия

$("#btn").on("click", function(){

к этому:

$("#btn").on("click", function(e){ 
    e.preventDefault();

Тогда форма не будет представить путь по умолчанию по щелчку

источник

2016-03-24 10:09:08 kasynych

Почему jquery не работает правильно?

ответ

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