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

2018-09-06 11:59

阅读:368

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

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

   网址是这个: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)

   {

   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


评论


亲,登录后才可以留言!