使用ajax和jquery进行搜索并获取url参数

时间:2011-10-20 06:17:28

标签: jquery ajax url search get

我在试图解决这个问题时遇到了问题。它可能很简单,但它看起来就像我的大脑被炒的时间...我正在尝试创建一个输入字段(搜索引擎到我的mysql数据库),我希望能够使用ajax发送参数然后成功转到带有URL参数的页面,这样用户就可以收藏书签,并在需要时返回。

我不确定这是否是最好的方法。但我不想在同一页面中编写我的所有SQL查询,并希望在我的数据库中搜索单独的页面。

到目前为止,我有这段代码:

$('.search').click(function(){
        var d = $('input').val();
        mainSearch = 'd=' + d;
        $.ajax({
            type: "GET",
            url: "ajax/mysql_search.php",
            data: mainSearch,
            success: function(data)
                {
                var url = "index.php?d="+d;
                window.location = url;
                }
        });         

    });

搜索通常在index.php中,我希望将此名称保留在那里。如果我做传统的<form action='index.php?d=<?php ...code... ?>'></form>,我知道我可以实现,我正在尝试做什么。但这意味着我必须在index.php中编写所有代码。我想保留这个网址,所以如果用户搜索它会像index.php?d = ...(参数)。

1 个答案:

答案 0 :(得分:0)

$('.search').click(function(){
    var d = $('input').val();
    mainSearch = 'd=' + d;
    $.ajax({
        type: "GET",
        url: "ajax/mysql_search.php",
        data: mainSearch,
        success: function(data)
            {
                var url = "index.php?d="+d;
                $.get(url, function(data) { // my mistake updated the code
                    $('.result').html(data); //<----------------------div where you want to load that page.Also you need to design your HTML structure based on .result div
                });
            }
    });         
});