Php 使用单选按钮进行AJAX实时搜索

我能够让jQueryAjax实时搜索在输入字段上工作，它返回我想要的结果。 例如：搜索我的单词将返回所需的结果

但现在我想对两个字段进行复合搜索。 例如： 今天搜索+这个词 或 搜索单词+明天 这是我所拥有的，但它不工作或不返回任何错误

index.php

<form>
        <input placeholder="Search the area" class="input-large search-query" type="text" id="key">
        <input type="radio" name="b_selected" class="radio" value="1"  > Today
        <input type="radio" name="b_selected" class="radio"  value="2"  > Tomorrow<br>
            <div class="result"><div class="loading"></div></div>
            </form> 

---

您应该发布两个变量-单词加上单选按钮的值。如果你只发布单词或单选按钮，你将无法得到你想要的：

$(document).ready( function() 
{
    $(".result").hide();

    /*quick search*/
    $("#key").keyup( function()
    {
    var key = $(this).val();
    var b_selected = $('input[type="radio"]').val();

    $.ajax({
      method: "POST",
      url: "quicksearch.php",
      data:
            { 
                key: key,
                b_selected: b_selected
            },
      success: function(response) 
      {
        $(".result").slideDown().html(response);
      }
    });
    });

    /* Search for work plan for today or Tomorrow*/
  $('input[type="radio"]').click(function()
    {
     var key = $('#key').val();
     var b_selected = $(this).val();

     $.ajax({
        method: "POST",
        url: "quicksearch.php",
        data:
                {
                    key: key,
                    b_selected: b_selected
                },
        success: function(response)
                {
           $('#result').slideDown().html(response);
        }
     });
  });
})

---

谢谢你的及时回复。我使用了这段代码，但搜索页面挂起或冻结。当页面冻结时，您可以打开DevTools（按F12键），查看“网络”选项卡上发生的情况。您还可以在PHP中放入一些

var\u dump

s，以查看这两个变量是否存在。您还可以在JavaScript代码的不同位置放置一些

console.log

，以检查程序流是否到达代码中的相应点。

 /*quick search*/

                $(document).ready( function() {
                            $(".result").hide();

                $("#key").keyup( function(event){
                    var key = $("#key").val();

                    if( key != 0){
                        $.ajax({
                        type: "POST",
                        data:{ key: key },
                        url:"quicksearch.php",
                        success: function(response) {
                        $(".result").slideDown().html(response);
                        }
                        })

                        }else{

                        $(".result").slideUp();
                        $(".result").val("");
                        }
                 })

                })

                /* Search for work plan for today or Tomorrow*/

                   $(document).ready(function(){
                      $('input[type="radio"]').click(function(){
                           var b_selected = $(this).val();
                           $.ajax({
                                url:"quicksearch.php",
                                method:"POST",
                                data:{b_selected:b_selected},
                                success:function(data){
                                     $('#result').html(data);
                                }
                           });
                      });


});

$(document).ready( function() 
{
    $(".result").hide();

    /*quick search*/
    $("#key").keyup( function()
    {
    var key = $(this).val();
    var b_selected = $('input[type="radio"]').val();

    $.ajax({
      method: "POST",
      url: "quicksearch.php",
      data:
            { 
                key: key,
                b_selected: b_selected
            },
      success: function(response) 
      {
        $(".result").slideDown().html(response);
      }
    });
    });

    /* Search for work plan for today or Tomorrow*/
  $('input[type="radio"]').click(function()
    {
     var key = $('#key').val();
     var b_selected = $(this).val();

     $.ajax({
        method: "POST",
        url: "quicksearch.php",
        data:
                {
                    key: key,
                    b_selected: b_selected
                },
        success: function(response)
                {
           $('#result').slideDown().html(response);
        }
     });
  });
})