手机版

详细讲解php Ajax无刷新验证用户名操作示例

时间:2021-08-27 来源:互联网 编辑:宝哥软件园 浏览:

本文的例子讲述了在php Ajax中验证用户名而不刷新的操作。分享给大家参考,如下:

AJAX简介

Ajax=异步JavaScript和XML)AJAX是异步JavaScript和XML的缩写。AJAX不是一种新的编程语言,而只是一种新技术,它可以创建更好、更快、更具交互性的web应用程序。AJAX使用JavaScript在web浏览器和web服务器之间发送和接收数据。通过在幕后与web服务器交换数据,而不是每当用户进行更改时就重新加载整个网页,AJAX技术可以使网页响应更快

Ajax请求

传统的网络应用程序向网络服务器提交数据(使用HTML表单)。在web服务器处理完数据后,它将向用户返回一个完整的新网页。因为每当用户提交输入时,服务器都会返回到一个新的网页,传统的网络应用程序往往运行缓慢,变得越来越不友好。使用AJAX,web应用程序可以发送和检索数据,而无需重新加载网页。为此,我们需要向服务器(幕后)发送HTTP请求,并在服务器返回数据时使用JavaScript只修改网页的一部分。通常,XML被用作接收服务器数据的格式,尽管可以使用任何格式,包括纯文本。

新用户名的无刷认证

最近看视频自学ajax,想和大家分享一些例子。第一个示例是在不刷新的情况下验证用户名是否可用。

一.效果图

1.可供用户使用

2.用户不可用

3.项目文件(register.php-注册页面和process.php-判断用户名是否可用)

第二,代码

Register.php-注册页面和ajax发送请求

!doctypehtml html lang=' en ' head meta charset=' UTF-8 '标题注册/title脚本类型=' text/JavaScript '//创建创建交互式、快速动态网页应用的网页开发技术引擎函数getXmlHttpObject(){ var xmlHttpRequest;//不同浏览器获取对象XMLHttpRequest if(窗口ActiveX对象){ xmlHttpRequest=newactivex对象(' Microsoft .XMLHTTP’);} else { XMlhttprequest=new XMlhttprequest();}返回xmlHttpRequest } var myXmlHttpRequest=//验证用户名是否存在函数checkName(){ myXmlHttpRequest=getXmlHttpObject();//判断对象是否成功if(myXmlHttpRequest){ //通过myXmlHttpRequest对象发送请求到服务器的某个页面//第一个参数标示请求的方式、"获取"、"发布"//第二个参数指定url,对那个页面发送创建交互式、快速动态网页应用的网页开发技术请求(本质仍然是超文本传送协议(超文本传输协议的缩写)请求)/* xmlhttprequest。open(bstremethod、bstrUrl、varAsync、bstrUser、bsr password);*/varurl='/Ajax/process.php?用户名=' $('用户名')。价值;//窗口。警报(网址);myXmlHttpRequest.open('get ',url,true);//window.alert('创建创建交互式、快速动态网页应用的网页开发技术引擎成功');//指定回调函数,垂里是函数名myxmlhttprequest。onreadystatechange=李俶;//调用//真的发送请求,如果是各塔请求则填入空即可//如果是邮政请求,则填入实际数据myxmlhttprequest。发送(null);} else {//window.alert('创建失败');} }函数李俶(){ //window.alert('cuhli函数被调用myxmlhttprequest。readystate);//我要取出从register.php返回的数据if(myxmlhttprequest。readystate==4){//取出值,根据返回信息的数据格式//window.alert('服务器返回myxmlhttprequest。response text);$('myres ').value=myxmlhttprequest。responsetext} } function $(id){返回文档。getelementbyid(id);}/script/head dyformaction='?方法='post '用户名字:输入类型=' text ' name=' username 1 ' on key up=' Checkname()' id=' username '输入类型=' button ' value='验证用户名输入样式='边框-宽度:0;color : # e93b 3d ' type=' text ' id=' myres ' br/用户密码:输入类型='密码'名称='密码' br电子邮件:输入类型=' text '名称=' email ' br/输入类型=' submit '值='用户注册/form/body/htmlprocess.php—判断用户名是否可用

?php /接受数据$ username=$ _ GET[' username '];//回声'用户名$ usernameif($username=='李四){ echo '用户名不可用;} else{ echo '恭喜用户名可用;}?三、原理图

更多关于服务器端编程语言(专业超文本预处理器的缩写)相关内容感兴趣的读者可查看本站专题: 《PHP+ajax技巧与应用小结》 、 《PHP网络编程技巧总结》 、 《PHP基本语法入门教程》 、 《php面向对象程序设计入门教程》 、 《php字符串(string)用法总结》 、 《php+mysql数据库操作入门教程》 及《php常见数据库操作技巧汇总》

希望本文所述对大家服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。

版权声明:详细讲解php Ajax无刷新验证用户名操作示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。