百度一下就知道

2017-01-01 10:33:09来源:cnblogs.com作者:pengbo518人点击

第七城市

百度一下,实现与百度主页一样的搜索功能

  我想刚开始学习IT的程序猿们~有没有这种感脚...就是想实现自己想要的结果而能力还有限的情况下是那么的“抓狂”,多么的想找到解决办法。那么,今天,我就来分享一下自己敲百度首页时,为了实现 百度一下 搜索功能的经历及经验。

  当时布局是没有问题的!问题在于输入要搜索的内容之后,怎么实现点击 百度一下 时能够进行和原百度一样的进行搜索的功能;在一段时间的摸索之下,我以为是用jsonp跨域进行数据请求...这下子我就懵逼了,还不懂jsonp呀,这怎么办?

  咦,就在不知所措时;一天晚上与老朋友的一次聊天中,不知不觉我就聊起了这个问题(在于我内心有一个问题时,始终就有种忘不掉的感觉,一定要解决才安心。);我的朋友他是学PHP的,他说了一句:“用get属性获取的方法,不需要涉及到跨域就能实现了。”我听完之后是激动夹杂点悬乎,心里在想:“难道这个问题很简单吗?”

  最终,实践出真知!在他的指导帮助下,我学会了form表单中method:"get"的获取方法,实现了我纠结已久的问题。非常高兴,也非常感谢我有这么好的老朋友!心中的坎儿没了,顿时感觉也浑身轻松。

  所以,因我的感受,我愿意把我在学习中遇到的困难和学到的经验与大家分享一下!同时也希望有更多的朋友们来共同探讨学习,解决困难。我认为:分享是一种快乐,更是一种魅力!!

代码及实现效果如下:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3     <head> 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5     <title>百度一下-效果实现代码pengbo518</title> 6     <style> 7         div { 8             width:300px; 9             margin:120px 320px;10             font-size:12px;11         }12     </style>13     </head>14     <body>15         <div>16             <form action="http://www.baidu.com/baidu?word=" method="get">17                 <input type="text" name="word" />18                 <input type="submit" name="search" value="百度一下" />19             </form>20         </div>    21     </body>22 </html>

【结语】

    三人行,必有我师。

           多多支持,有不足的地方,多多留言。

 

第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台