Maison > développement back-end > tutoriel php > PHP Ajax 入门HelloWorld_PHP教程

PHP Ajax 入门HelloWorld_PHP教程

WBOY
Libérer: 2016-07-13 10:35:14
original
867 Les gens l'ont consulté

   浅谈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?";         }     } ?>

  实际结果:

PHP Ajax 入门HelloWorld   帮客之家

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

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

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/745029.htmlTechArticle浅谈Ajax Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写。 它由 HTML+JS+DOM组成,本教程暂时不涉及DOM。 同步的概念:页面提交POST表单,...
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal