php如何应用Ajax技术检测用户名

这篇文章主要介绍php如何应用Ajax技术检测用户名,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联建站专注于蓝山企业网站建设,响应式网站开发,电子商务商城网站建设。蓝山网站建设公司,为蓝山等地区提供建站服务。全流程按需定制开发,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务

1.搭建Ajax开发框架,代码如下


var http_request = false;
function createRequest(url) {
    //初始化对象并发出XMLHttpRequest请求
    http_request = false;
    if (window.XMLHttpRequest) {                                        //Mozilla等其他浏览器
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType("text/xml");
        }
    } else if (window.ActiveXObject) {                              //IE浏览器
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (e) {}
        }
    }
    if (!http_request) {
        alert("不能创建XMLHTTP实例!");
        return false;
    }
    http_request.onreadystatechange = alertContents;                     //指定响应方法
                                                                                              
    http_request.open("GET", url, true);                                 //发出HTTP请求
    http_request.send(null);
}
function alertContents() {                                               //处理服务器返回的信息
    if (http_request.readyState == 4) {
        if (http_request.status == 200) {
            alert(http_request.responseText);
        } else {
            alert('您请求的页面发现错误');
        }
    }
}

2.编写JavaScript的自定义函数checkname();用于检测用户名是否为空,当用户名不为空时,调用createRequest() 方法发送请求检测用户名是否存在,代码如下:

function checkname()
{
    var username = form1.user.value;
    if (username=="")
    {
        window.alert ("请输入用户名");       
    }
    else
    {
                                                                             
createRequest('action/checkname.php?username='+username+'&nocache='+new Date().getTime());
    }
}

3.在页面添加"检测用户名超链接"

[检测用户名]

4.创建checkname.php处理页面,代码如下

以上是“php如何应用Ajax技术检测用户名”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网站名称:php如何应用Ajax技术检测用户名
本文网址:http://pwwzsj.com/article/pcgspj.html