Question

我已经学习了6个月的javascript，但我真的不知道这个....代码有什么问题？

<script>
var search_file_val = document.getElementById('search_textbox').value;
var XHR = new XMLHttpRequest();
var params = "search_val="+search_file_val;
function search_file()
{
    XHR.open('POST','http://www.bt-mail.sk/somescript.php',true);
    XHR.send(params);
}
</script>

Google Chrome正在告诉我这一点。未捕获的TypeError：无法读取null

的属性“value”

我确定元素的ID是正确的。

编辑： html

<input type="text" class="cool_input_box" id="search_textbox" onkeyup="search_file()">

编辑：no2 除去

Answer 1

尝试：

<script>
document.addEventListener("DOMContentLoaded", function() {
  var search_file_val = document.getElementById('search_textbox').value;
  var XHR = new XMLHttpRequest();
  var params = "search_val="+search_file_val;
  function search_file()
  {
      XHR.open('POST','http://www.bt-mail.sk/somescript.php',true);
      XHR.send(params);
  }
});
</script>

尽管如此，除非您要求搜索如下文件，否则您应该无法获得该值：

<script>
  function search_file()
  {
    var search_file_val = document.getElementById('search_textbox').value;
    var XHR = new XMLHttpRequest();
    var params = "search_val="+search_file_val;
    XHR.open('POST','http://www.bt-mail.sk/somescript.php',true);
    XHR.send(params);
  }
</script>

无法读取null的属性值

1 个答案: