//

xhr.send(null);

//

xhr.onreadystatechange = function(){

//responseText返回的是字符串

var result = xhr.responseText;

console.log(result);

document.getElementById(“result”).innerText = result;

};

};

};

注册界面

用户名:


密码:

多看注释!!!!来理解代码。

3.Ajax的使用 Post方法

=============================================================================

和上面一样,直接上例子,一定看注释!!

创建一个register.html,来作为前端访问的页面:

注册界面

注册界面

用户名:


密码:

对readyState和status的解释:

在这里插入图片描述

另一个不变,checkUsername.php

<?php $username = $_POST["username"]; //这里应该查询数据库,这里只是一个模拟数据库 if($username == 'zhangsan'){ echo "username exists"; }else{ echo "username OK"; } ?>

这里解释以下,第2步骤,准备发送阶段的open方法中的服务端地址如何确定,一般开发人员会提供一份接口文档,里面会详细的告诉你地址参数什么的。

4.使用Ajax完成唯一性案例操作

==============================================================================

话不多说,直接上代码。

创作一个register.html文件,内容如下:

register
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐