W3School里的一个错误(读者谨防被它的写法误导)

 

今天同事拿了一段代码让我看，说为什么他代码照着W3School写的，效果怎么出不来，

 

他看的是W3School里的jQuery ajax - post() 方法的官方教程，

 

网址是这个：https://www.w3school.com.cn/ajax/ajax_asp_php.asp

 

点击“亲自试一下源代码”链接就可以过去执行代码查看效果，确实效果没问题

 

里面的代码大致如下：

 

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("input").keyup(function(){

    txt=$("input").val();

    $.post("/jquery/gethint.asp",{suggest:txt},function(result){

      $("span").html(result);

    });

  });

});

</script>

 

<p>请在下面的输入框中键入一个名字（a 到z 的字符）：</p>

名字：<input type="text"/>

<p>建议：<span></span></p>

但我同事犯了一个错误，直接在本地手动建了这个asp文件，然后双击那个html文件运行，这样如何能解析asp文件里的数据；

 

我部署到IIS上后一直显示"no suggestion"，于是查看了下asp文件，

 

尼玛，这不是误导读者吗，里面清清楚楚的写了：

 

'获得来自URL 的q 参数

q=ucase(request.querystring("q"))

调用的时候参数q在哪(上面红色标识出来的),莫非我孤陋寡闻，这样也可以？

 

正当我怀疑自己的时候，发现他在其他地方用原生Ajax写的时候用的是get方式带了参数，

 

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();

}

所以，敢说他没写错？

 

你有何见解？欢迎指教，谢谢！

 

 

 

上面的代码修改成这样就是OK的：

 

$.post("gethint.asp",{"q":txt},function(result){

    $("span").html(result);

});

同时asp文件里的querystring最好修改成:q=ucase(request.form["q"])；

 

 

 

或者直接用get方式嘛：

 

$.get("gethint.asp?q="+txt,function(result){

       $("span").html(result);

});

 

作者  peter cheng