javascript - 通过参数、PHP、JAVASCRIPT、AJAX 传递变量之一时，Ajax 功能不起作用

Question

我正在尝试编写一个函数来从 select 语句中获取值，并将该值回显到屏幕上。当我将确切的选择名称放入 ajax 函数中时它可以工作，但是当我尝试通过参数传递选择名称时它停止工作。我知道它已成功通过参数，并且当我测试它时，通过在函数内的屏幕上提醒它，我知道这是正确的选择名称。所以我认为实际的问题可能在这一行:

data: { select: $('select[name=theName]').val()},

但我不确定它出了什么问题。我的代码有两个版本如下。第一个版本有效，第二个版本无效。第一个版本在参数内具有准确的选择名称，第二个版本通过名为“theName”的参数传递。请看一下:

ajax.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type = "text/javascript"> 

function ajax(url,theName,id) {
alert(theName)
      $.ajax({
           type: "POST",
           url: url,
           data: { select: $('select[name="select1"]').val()},
           error: function(xhr,status,error){alert(error);},
           success:function(data) {
             document.getElementById( id ).innerHTML = data;
           }

      });

}

</script>

test1

<?php

echo "<select name = 'select1' onchange = 'ajax(\"test2.php\",\"select1\",\"output\")'>";

?>

^---这个版本有效。

ajax.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type = "text/javascript"> 

function ajax(url,theName,id) {
alert(theName)
      $.ajax({
           type: "POST",
           url: url,
           data: { select: $('select[name=theName]').val()},
           error: function(xhr,status,error){alert(error);},
           success:function(data) {
             document.getElementById( id ).innerHTML = data;
           }

      });

}

</script>

test1

<?php

echo "<select name = 'select1' onchange = 'ajax(\"test2.php\",\"select1\",\"output\")'>";

?>

^---该版本无法运行。

Answer 1

您在这里省略了双引号和连接:

data: { select: $('select[name="'+theName+'"]').val()},