使用 ajax 和 jquery 搜索和抓取 url 参数

Question

我在试图解决这个问题时遇到了问题。这可能很简单，但似乎是一天中我的大脑被煎炸的那个时候......我正在尝试创建一个输入字段（搜索引擎到我的 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=...(parameters)。

Answer 1

$('.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
                });
            }
    });         
});