Question

我喜欢通过Ajax以页面div的形式打开搜索结果。我试过这个：

    <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知道他们必须在数据库中找到什么。

我希望搜索内容出现在#derecho div。

中

看我能说我坏了。谢谢。

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;
    });
});

发送表单数据并使用ajax打开get div

1 个答案: