之前粗糙的介绍了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数据。有兴趣的朋友快去试试吧。
领取专属 10元无门槛券
私享最新 技术干货