javascript - 根据输入值更改 AJAX 参数

Question

我有两个与 On Change ajax 调用相关的输入。

            <input type="email" id="lookupemail" style="width: 225px;" placeholder="john.smith@ufcfit.com">

            <select id="type" style="width: 150px;">
            <option value="member"> Member </option>
            <option value="lead"> Lead </option>
            </select>

ajax 调用工作正常，但它似乎没有传递我的查找类型。我的变量格式是否不正确？

            <script>
            $("#lookupemail").keyup(function () {
              var lookuptype = $('#type').val();
              var lookupinput = $('#lookupemail').val();
              $.ajax({
              type: "POST",
              url: "includes/dbsearch.php",
              data: {lookuptype: lookupinput},
              success: function(server_response)
              {
                if(server_response != 0) {
                 // 
                } else {
                  //
                }

              }
              });
             }); 
            </script>

它通过了:

      lookuptype:"conner@asdsafsdf"

而不是.. 成员:“conner@asdsafsdf”

Answer 1

而不是:

data: {lookuptype: lookupinput},

使用类似的东西:

data: {lookuptype: lookuptype, lookupemail: lookupinput},

当使用对象作为 ajax 调用的data 值时，您必须提供键/值 对。在您的情况下，您提供一个键 = lookuptype 和一个值 = whatever-the-user-types-in-email-field。您没有发送电子邮件的键/值对。

在服务器端，您可以使用键检索数据:

$lookuptype = $_POST['lookuptype'];
$lookupemail = $_POST['lookupemail'];

注意

如果您想让lookuptype为您的单个键/值对选择键，那么您必须声明一个对象并对其进行操作:

          var lookuptype = $('#type').val();
          var lookupinput = $('#lookupemail').val();
          var fData = {};                      //<<<<<======
          fData[lookuptype] = lookupinput;    //<<<<<<======
          $.ajax({
          type: "POST",
          url: "includes/dbsearch.php",
          data: fData,                  //<<<<<<<=========