отправить данные формы и открыть get div с ajax

Question

Мне нравится открывать результаты поиска в форме в div страницы через Ajax. Я пытаюсь это:

<form id="buscar" method="GET" > 

    <INPUT TYPE="text" NAME="busqueda"/> 
    <input type="submit" class="busca" value="Buscar" /> 
    </FORM> 


<div id="derecho"></div> 

JS:

$(document).ready(function() { 


    $('#buscar').submit(function() { 
     $.ajax({ 
      type: 'GET', 
      url: "/buscador/busqueda.php", 
      data:"busqueda="+busqueda, 
      success: function(data) { 
       $('#derecho').html(data); 
      } 
     })   
     return false; 
    }); 

    }); 

Оказывается, что таким образом он не работает, смотрите, если вы можете помочь мне. Есть ли ошибка с Ajax? В html-форме?

Мне нужно отправить GET в поиск, узнать, что у них есть, в базе данных.

И я хотел бы, чтобы содержимое поиска отображалось в div #derecho.

Чтобы узнать, могу ли я сказать, что у меня плохо. Спасибо.

Answer 1

Вы находитесь в непосредственной близости от решения. Вам просто нужно получить значение ввода с помощью формы или с помощью jQuery;

$(document).ready(function() { 
    $('#buscar').submit(function() { 
     $.ajax({ 
      type: 'GET', 
      url: "/buscador/busqueda.php", 
      data:"busqueda=" + this.busqueda.value, // Here "this" refers to your form object. 
      success: function(data) { 
       $('#derecho').html(data); 
      } 
     })   
     return false; 
    }); 
});