如何修复此代码:输出给出错误

时间:2019-02-14 00:01:46

标签: javascript php ajax

我想显示用户输入的输出。

伙计们,我需要显示用户输入的输出,但是输出似乎给我一个错误。

 <label>First Name: </label>
    <input id="fname"></input>
    <br>
    <button id="testing_lang" value="1" onclick="return chk()">
        Test Output
    </button>
    <br>
    <p id="query_result">Result will display here</p>


   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
   <script>
      function chk()
      {
        var firstName = document.getElementById('fname').value;
        $.ajax({
          type: 'post',
          url: 'test.php',
          data: firstName,
          cache:false,
          success: function(html)
                {
                  $('#query_result').html(html);

                }
         });
        return false;
      }
    </script>

这是我创建的test.php中的代码

$firstName=$_POST['firstName'];
echo "Response: " .$firstName;

这是输出错误

注意:未定义的索引:第2行的C:\ xampp \ htdocs \ cops \ pages \ test.php中的firstName 响应:

1 个答案:

答案 0 :(得分:1)

更改

data: firstName,

data: {firstName : firstName}, 

您需要设置索引和值