Home > php教程 > php手册 > body text

PHP Ajax 入门HelloWorld

WBOY
Release: 2016-06-13 09:40:12
Original
1208 people have browsed it

   浅谈Ajax

  Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写。

  它由 HTML+JS+DOM组成,本教程暂时不涉及DOM。

  同步的概念:页面提交POST表单,是不是整个页面都在等待服务器返回(呈空白状态),然后刷新?没错,这就是同步。

  异步的概念:表单提交后,页面的其它部分照常用。

  Ajax 就是 页面和服务器之间的小三,作为一段JS代码,它把页面的提交信息截获,然后处理后提交给服务器,然后监听服务器返回信息,然后再回馈给页面。

  要用它需要一个句柄:xmlHttp = new XMLHttpRequest();

  我们正是基于这个对象扮演小三这个角色。

  参照下注释就能理解ajax流程:

  1.生成XMLHttpRequest对象

  2.建立要跳转的URL

  3.打开服务器conn

  4,.设置服务器完成操作后要执行的函数

  5.send ajax

  6.结束后待执行函数要不断监听(机制不需要我们实现)

  哎,从圣马家沟男子职业技术学院出来的我,没啥文化,以上就是自己粗浅的理解。

  要看高大上的:掌握 Ajax,第 1 部分: Ajax 入门简介

  实际操作

  在wamp/www/中新建一个testAjax文件夹,里面两个文件:index.html 和 getZipcode.php

  index.html

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 Test ajax in <a href="http://www.2cto.com/kf/web/php/" target="_blank" class="keylink">PHP</a>...        
    

City:

    

Zip Code:

     

  getZipcode.php

?

1 2 3 4 5 6 7 8 9 10 11 12 ";     }else{         $city = $_GET["city"];         if($city != null && $city != ""){             echo $city."_010";         }else{             echo "city is null?";         }     } ?>

  实际结果:

  无论我的City输入什么,下面的邮政编码,都会加一个“_010”,实时的。

  吐槽:zipcode是邮政编码的意思(英语都是体育老师教的)。

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!