jquery自动完成基于使用ajax的2个输入字段

Question

我有一个带有 2 个输入字段的表单。我想使用输入 1 作为过滤器在输入 2 上实现自动完成。所以我需要将两个参数都传递给我的 cgi 脚本。我这样做有问题。我可以单独通过它们，但不能同时通过。这是我尝试过的：

function fillbox2(){                                                          

$('#input2').autocomplete({                                              
      source: function(request, response ){                                                               
      var frmStr =  {input1:$('#input1').val(),input2:$('#input2').val()};                                                                     
      $.ajax({                                                            
      url: './cgi_temp2.cgi',                                             
      dataType: 'json',                                                   
      data:{frmStr:request.term},                                      
      contentType: "application/json; charset=utf-8",                     

          success: function (data) {                                      
               response ($.map( data.matches, function(item){             
                           return {                                       
                              value: item.info2,                    

                           }                                              
                       }));                                               
              }                                                           
          });                                                             
      },                                                                  

          minLength: 2,                                                   
          select: function(event, ui){                                    
          $("#input2).val(ui.item.value);                             
          return false;                                                   
          }                                                               
  });                                                                     

}       

问题出在哪里？是来自我的ajax调用中的“数据：”还是“成功：”？

Answer 1

正如我所见，您将输入中的数据保存在 "frmStr" 但是在你的ajax请求中，你这样做了 data:{frmStr:request.term}, 这意味着您使用变量 "frmStr" 作为数据和后端的键您将拥有frmStr 作为键。 您在 ajax 中的数据应该是这样的

var frmStr =  {
    input1:$('#input1').val(),
    input2:$('#input2').val(),
    requestTerm: request.term
};

然后在ajax中

data:{data: frmStr},

应该可以将数据发送到后端