博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
PHP - AJAX 与 PHP
阅读量:6315 次
发布时间:2019-06-22

本文共 777 字,大约阅读时间需要 2 分钟。

PHP - AJAX 与 PHP


AJAX 被用于创建交互性更强的应用程序。


AJAX PHP 实例

下面的实例将演示当用户在输入框中键入字符时,网页如何与 Web 服务器进行通信:

实例

尝试在输入框中输入一个名字,如:Anna:

姓名: 

返回值:

 


实例解释 - HTML 页面

当用户在上面的输入框中键入字符时,会执行 "showHint()" 函数。该函数由 "onkeyup" 事件触发:

在输入框中输入一个姓名:

姓名:

返回值:

 

源代码解释:

如果输入框是空的(str.length==0),该函数会清空 txtHint 占位符的内容,并退出该函数。

如果输入框不是空的,那么 showHint() 会执行以下步骤:

  • 创建 XMLHttpRequest 对象
  • 创建在服务器响应就绪时执行的函数
  • 向服务器上的文件发送请求
  • 请注意添加到 URL 末端的参数(q)(包含输入框的内容)

PHP 文件

上面这段通过 JavaScript 调用的服务器页面是名为 "gethint.php" 的 PHP 文件。

"gethint.php" 中的源代码会检查姓名数组,然后向浏览器返回对应的姓名:

0if (strlen($q) > 0){ $hint=""; for($i=0; $i

 

解释:如果 JavaScript 发送了任何文本(即 strlen($q) > 0),则会发生:

  1. 查找匹配 JavaScript 发送的字符的姓名
  2. 如果未找到匹配,则将响应字符串设置为 "no suggestion"
  3. 如果找到一个或多个匹配姓名,则用所有姓名设置响应字符串
  4. 把响应发送到 "txtHint" 占位符

PHP Ajax 跨域问题解决方案

如果你的异步请求需要跨域可以查看:。

转载地址:http://vxkaa.baihongyu.com/

你可能感兴趣的文章
为什么使用0x61c88647
查看>>
快应用技术干货分享(第二篇)
查看>>
企业级ERP树结构 bootstrap-treeview实践应用
查看>>
安卓AAC架构开源
查看>>
几种常见的Vue组件间的传参方式
查看>>
jQuery选择器
查看>>
SoJpt Boot 2.0-3.8 发布,Spring Boot 使用 Jfinal 特性极速开发
查看>>
9.Dart中的类有何不同?
查看>>
PingCAP University 免费开放线上课程,快来点亮「TiDB DBA」技能点吧!
查看>>
Ubuntu 16.04 提权漏洞
查看>>
如何做好接口测试?
查看>>
PHPWAMP开机自启异常,服务器重启后Apache等服务不会自启的原因分析
查看>>
php配置php-fpm启动参数及配置详解 详细出处参考:http://www.jb51.net/article/42716.htm...
查看>>
[siggraph2011]Secrets of CryENGINE 3 Graphics Technology
查看>>
生产环境之同步脚本
查看>>
解决"安装文件有挂起的文件,请重启电脑"的通用解决方法
查看>>
Python3 日期和时间
查看>>
$('#checkbox').attr('checked'); 返回undefined解决办法
查看>>
Ubuntu 目录名改成英文
查看>>
列出数字1~10=11的所有组合
查看>>