在嘗試使用json和jquery發送和接收表單值時得到null

Question

這是HTML部分，可能在form語句上可能是錯誤的（不確定）：

<div id='data'></div>
  <form action="">
   <input type="text" name="nomeInput" value="" />
</form>

這是JavaScript部分：

$(document).ready(function(){

$.post("testeBasico_1.php", {nomeInput : $('#nomeInput').val()}, function(resposta) {
  for (var x = 0, tamanhoDados = resposta.dados.length; x < tamanhoDados; x++){
     $('#data').append(resposta.dados[x]+'<br>');
  }
  //issue line
  $('#data').append('<br />'+resposta.venhoDoInput);
  }, "json");
});

這是php部分：

$response = (object) array(
    'success' => TRUE,
    'dados'       => array("1", "2", "3"),
    'venhoDoInput' => $_POST['nomeInput']
);
echo json_encode($response);

當我嘗試此操作時，無論輸入字段是否填寫，我在“ venhoDoInput”上都為空。

我在這里想念什么？ （這應該是非常非常基本的東西），我只是希望，通過了解，我可以更好地理解那些邪惡的代碼行。

非常感謝提前，

MEM

注意：如果我在服務器端腳本上轉儲了（$ _POST ['nomeInput']，則什么也沒有顯示……這可能是因為我正在使用js將數據顯示到瀏覽器中。在這里調試服務器端...：s

Answer 1

您正在使用ID選擇器，但是您要選擇的元素沒有設置ID。 將屬性id =“ nomeInput”添加到輸入中。

編輯：您的代碼將在頁面加載時提交表單。 為了使它在實際提交表單時提交，您需要將其包裝為表單的提交偵聽器。

HTML：

<div id='data'></div>
<form action="" id="myForm">
    <input type="text" name="nomeInput" value="" />
</form>

jQuery的：

$(document).ready(function(){

    $('#myForm').submit(function() {
        $.post("testeBasico_1.php", {nomeInput : $('#nomeInput').val()}, function(resposta) {
            for (var x = 0, tamanhoDados = resposta.dados.length; x < tamanhoDados; x++) {
                $('#data').append(resposta.dados[x]+'<br>');
            }
            //issue line
            $('#data').append('<br />'+resposta.venhoDoInput);
        }, "json");
        return false;
    }
});