Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript W3Ajax Examle在本地计算机上不工作_Javascript_Jquery_Html_Asp.net_Ajax - Fatal编程技术网

Javascript W3Ajax Examle在本地计算机上不工作

Javascript W3Ajax Examle在本地计算机上不工作,javascript,jquery,html,asp.net,ajax,Javascript,Jquery,Html,Asp.net,Ajax,我正在尝试学习AJAX,并学习本网站上的教程: 我逐字复制他们网站上的html代码,并将其放入本地驱动器上的html文件中: 我还将“gethint.asp”文件复制到同一个文件夹中。所有代码都与示例中的代码完全相同。但是当我运行html文件时,我可以看到文本和文本字段,但是asp功能根本不起作用,而且在他们的站点上似乎工作得很好?我做错了什么 <!DOCTYPE html> <html> <head> <script> function sho

我正在尝试学习AJAX,并学习本网站上的教程:

我逐字复制他们网站上的html代码,并将其放入本地驱动器上的html文件中: 我还将“gethint.asp”文件复制到同一个文件夹中。所有代码都与示例中的代码完全相同。但是当我运行html文件时,我可以看到文本和文本字段,但是asp功能根本不起作用,而且在他们的站点上似乎工作得很好?我做错了什么

<!DOCTYPE html>
<html>
<head>
<script>
function showHint(str)
{
var xmlhttp;
if (str.length==0)
  { 
  document.getElementById("txtHint").innerHTML="";
  return;
  }
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("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","gethint.asp?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>

<h3>Start typing a name in the input field below:</h3>
<form action=""> 
First name: <input type="text" id="txt1" onkeyup="showHint(this.value)" />
</form>
<p>Suggestions: <span id="txtHint"></span></p> 

</body>
</html>

函数showHint(str)
{
var-xmlhttp;
如果(str.length==0)
{ 
document.getElementById(“txtHint”).innerHTML=“”;
返回;
}
if(window.XMLHttpRequest)
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest();
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
xmlhttp.onreadystatechange=函数()
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
document.getElementById(“txtHint”).innerHTML=xmlhttp.responseText;
}
}
open(“GET”、“gethint.asp?q=“+str,true”);
xmlhttp.send();
}
开始在下面的输入字段中键入名称:
名字:
建议:

gethint.asp文件:


问题可能是您正在file://protocol中运行HTML文件。据我所知,像.php和.asp这样的服务器文件在file://协议中不起作用。
如果您真的希望这样做,请尝试设置并将文件放入服务器文件夹中。如果您使用的是Linux,那么它就在/var/www中,对于其他操作系统,我不太确定。


祝你好运

要使服务器端代码在本地机器上工作,您需要安装一个程序来处理代码。我使用的程序是xampp,这里有一个链接。

您需要一个服务器来运行.asp文件。首先,我建议您安装像或这样的服务器,然后调用AJAX,您的响应将显示出来。

规则1:不要使用W3。规则2:不要使用学校!这里的教训是,不要使用学校。你能提供什么有用的东西吗?@Rorymcrossan,注意W3愚人是如何从他们的网站上删除关于W3学校的所有具体错误的。。。