javascript - AJAX 与 value.length 相关的问题

Question

下面是一个非常简单的 AJAX 请求，它工作得很好，直到我在其中添加了一个简单的语句。由于第 4 行，它失败了。

var wlen = str.value.length

下面是AJAX代码

<script type="text/javascript">
function name_search(str)
{
var wlen = str.value.length;
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("name_div").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/it/device/action/name_search_new.php?q="+str,true);
xmlhttp.send();
}
</script>

name_search_new.php 页面查找与文本框中键入的值相似的值并返回这些值。不过，此页面与此问题无关，因为任何 php 页面都将始终因第 4 行新变量/赋值而失败，并且它将始终在变量/赋值消失的情况下工作。

如果有帮助，下面列出了对此功能的请求...它也在“textarea”框中失败。

<input type="text" name="name" id="name" value="" style="color:red" 
placeholder="Device/Item(Required)" onkeyup="name_search(this.value)" />

感谢任何帮助， 周杰伦

Answer 1

您不需要执行str.value.length。 str.length 就是您所需要的。

这是一个 jsfiddle 演示:

http://jsfiddle.net/ahEeH/