ajax详解获取php数据和服务器时间信息

之前粗糙的介绍了ajax的使用,验证用户名是否填写正确,邮箱是否重复,不用刷新页面获取数据,今天详细介绍一下ajax的原生代码。

小编先介绍一下ajax概念:

AJAX:异步的JavaScript和XML,AJAX的核心是XMLHttpRequest对象,怎么创建XMLHttpRequest对象呢?

创建XHR对象(需要考虑不同的浏览器兼容问题)

Firefox、Opera等浏览器

var 对象名称 = new XMLHttpRequest()

IE浏览器

var 对象名称 = new ActiveXObject("Microsoft.XMLHTTP")

demo1:获取服务器的日期和时间

获取服务器的日期和时间

我们看看代码执行效果

运行代码

demo2 ajax在表单里面的运用

ajax在表单里面的运用

附上php代码

php代码

代码思路解答:在填写用户注册名称时候验证用户名是否存在,通过url传递用户名信息,php那边通过get接收数据然后执行数据库搜索这一过程。本来是一个执行数据库操作,这里简化为admin是存在数据库的不能重复注册,其他就可以注册,我们看看代码运行效果。后面放一个空的span标签用来提示注册结果。

ajax验证用户是否重复注册

demo3 通过ajax获取xml数据

通过ajax获取xml数据

1-3.php代码如下,定义一个xml文件

定义xml文件

我们看看代码运行效果

ajax获取 xml数据

今天介绍了ajax的常见三种运用,获取服务器数据,验证用户名是否符合要求,获取xml数据。有兴趣的朋友快去试试吧。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190108A0DPDJ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券