一个ajax实例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了一个ajax实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2320字，纯文字阅读大概需要4分钟。

内容图文

一个ajax实例

 

html

 

1. <! DOCTYPE html >
2. < html lang = "zh-cn" >
4. < head >
5. < meta charset = "utf-8" >
6. < meta name = "renderer" content = "webkit" >
7. <!-- 360 ,以 webkit 内核进行渲染 -->
8. < meta http - equiv = "X-UA-Compatible" content = "IE=Edge,chrome=1" >
9. <!-- 以最新内核进行渲染。 -->
10. < meta http - equiv = "Cache-Control" content = "no-siteapp" />
11. <!-- 百度禁止转码 -->
12. < title > moyu demo </ title >
13. < meta name = "keywords" content = "demo 测试 魔芋" >
14. < meta name = "description" content = "魔芋的测试示例" >
15. < meta name = "author" content = "魔芋,15000720652@163.com,http://www.cnblogs.com/moyuling/" >
16. < meta name = "robots" content = "index,follow" >
17. <!-- 定义网页搜索引擎索引方式 -->
18. < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
19. < script src = "http://libs.baidu.com/jquery/1.9.1/jquery.js" ></ script >
20. < style >
22. </ style >
23. </ head >
25. < body >
26. < script >
27. function showUser ( str ) {
28. if ( str == "" ) {
29. document . getElementById ( "txtHint" ). innerHTML = "" ;
30. return ;
31. }
32. if ( window . XMLHttpRequest ) { // code for IE7+, Firefox, Chrome, Opera, Safari
33. xmlhttp = new XMLHttpRequest ();
34. } else { // code for IE6, IE5
35. xmlhttp = new ActiveXObject ( "Microsoft.XMLHTTP" );
36. }
37. xmlhttp . onreadystatechange = function () {
38. if ( xmlhttp . readyState == 4 && xmlhttp . status == 200 ) {
39. document . getElementById ( "txtHint" ). innerHTML = xmlhttp . responseText ;
40. }
41. }
42. xmlhttp . open ( "GET" , " http://localhost/moyu.php ?q=" + str , true );
43. xmlhttp . send ();
44. }
45. </ script >
46. </ head >
48. < body >
49. < form >
50. < select name = "users" onchange = "showUser(this.value)" >
51. < option value = "" > Select a person :</ option >
52. < option value = "1" > Peter Griffin </ option >
53. < option value = "2" > Lois Griffin </ option >
54. < option value = "3" > Glenn Quagmire </ option >
55. < option value = "4" > Joseph Swanson </ option >
56. </ select >
57. </ form >
58. < br >
59. < div id = "txtHint" >< b > Person info will be listed here .< /b></ div >
60. </ body >
62. </ html >

 

 

php

 

 

1. <? php
2. $q = $_GET [ "q" ];
4. echo "$q" ;
5. ?>

 

 

 

魔芋测试：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

原文：http://www.cnblogs.com/moyuling/p/5272506.html

内容总结

以上是互联网集市为您收集整理的一个ajax实例全部内容，希望文章能够帮你解决一个ajax实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---