一个原始的Ajax请求示例

今天，我们向您介绍一个简单的Ajax请求过程。虽然jQuery的Ajax比原始的Ajax容易得多，但我们应该知道原始的编写。现在我将它分成三个小文件：HTML、js和PHP，并显示数据库是由它自己编写的。

第一个是HTML：
复制代码代码如下所示：
简单的ajax请求
用户名 uff1a
uff1a密码
然后是js：
复制代码代码如下所示：

*普通ajax的完整访问过程
* /
VaR技术

功能（showselect） / /这个方法执行登录按钮点击
{
VaR的用户名= document.getelementbyid（用户名）的价值；
VaR的密码= document.getelementbyid（密码）的价值；
如果（用户名=长度= 0）验证用户名是空的
{
document.getelementbyid（showinputerror ）.innerHTML =不能为空； / /不能空
返回
}
XMLHTTP = getxmlhttpobject（）
如果（XMLHTTP = = null）
{
警报（浏览器不支持HTTP请求）
返回
}
var url =ajaxTest。PHP / /提交诉讼的请求文件名处理的背景
用户名+用户名++密码
这个路径的随机数
XmlHttp。onreadystatechange = statechanged / /触发onreadystatechange事件时发生的变化。readyState属性XMLHttpRequest的状态信息。
XmlHttp.open（获得，网址，真的） / /参数定义的要求
XmlHttp.send（空） / /发送请求
}

statechanged（）函数
{
如果（XMLHTTP。发生= 4 | | XMLHTTP readyState = =完成。）。
/ / 0：请求未初始化
1：服务器连接已经建立
2：已收到请求
3：请求处理
4：请求已经完成，响应已经就绪。
{ var a = xmlHttp.responseText； / /分配到相应的数据
如果（a = 是）{
自我定位为主调。php； / /跳main.php
其他{ }
document.getelementbyid（showinputerror ）.innerHTML =用户名或密码错误； / /提示用户名或密码错误
}
}
}
getxmlhttpobject（）函数
{
VaR XMLHTTP = null；
尝试
{
Opera 8 +，Safari / Firefox。
XMLHTTP =新的XMLHttpRequest（）；
}
捕捉（e）
{
互联网浏览器/浏览器
尝试
{
XMLHTTP =新的ActiveX对象（MSXML2. XMLHTTP ）；
}
捕捉（e）
{
XMLHTTP =新的ActiveX对象（微软。XMLHTTP ）；
}
}
返回XMLHTTP；
}

最后，PHP：
复制代码代码如下所示：
< PHP
用户名=美元美元_get {用户名}；
密码=美元美元_get {密码}；
对美元mysql_connect（localhost
mysql_select_db（my_test
mysql_query（SET NAMES UTF8）；
为SQL =SELECT * FROM用户信息，用户名为。为用户名。和密码=$ PWD。；
结果= mysql_query美元（$ SQL）；
选择= mysql_num_rows美元（$结果）；
$ = 否；
如果（$ > 0）{ $ =是；}
回声$；
mysql_close（$ CON）；
>