jQuery+Ajax+PHP 制作简单的异步数据传输(测试用户名是否可用)

实现基本异步数据传输,略去与数据库交换,先直接在PHP端判断:用户名为 user1 即为不可用,

测试时外加了 普遍的 “Loading..." 功能,此功能可直接在PHP中循环延时 for($i=0;$i<10000000;$i++) 即可

代码如下,供日后回味参考...

PHP 部分 : 其中 user 为传送过来的元素

for($i=0;$i<10000000;$i++);
$user = $_GET['user'];
$str = "";
if($user == "user1")
   $str .="User name already exists !";
else 
    $str .="User name is ok ~";

//echo json_encode($str) ;
echo ($str) ;

jQuery 部分:

<script language="javascript" src="jquery.min.js"  src="ajaxlib.js"src="ajaxgold.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
     $("#check").ajaxSend(function(){
         $(this).html("<font style='background:#990000; color:#ffffff;'> Loading...</font>");
     });
});
function startCheck(oInput){
    if(!oInput.value){
        oInput.focus();
        $("#check").html("User name can not be empty !");
        return;
    }
/*    $.ajax({
        url: 'config.php',
        type: 'GET',
        dataType: 'json',
        data: oInput.value,
        success: showResult
         });
    */
    $.get("config.php",
            {user: oInput.value },
           function(data){
           showResult(data);
            }
            );
}
function showResult(oText){
var oSpan = document.getElementById("check");
oSpan.innerHTML = oText;
if(oText.indexOf("exists")>=0)
    oSpan.style.color = "red";
else
    oSpan.style.color = "green";
}


</script>

CSS 样式设置部分:

<style type="text/css">
body{
    padding-left:200px;
}
</style>
</head>
<body>
<form name="form1"><table>
<tr>
<td>用户名:</td>
<td  colspan="2"><input type="text" name="User" onblur="startCheck(this)"/></td>
<td><span id="check"></span></td>
</tr>
<tr>
<td>输入密码:</td>
<td colspan="2"><input type="password" name="passw1"/></td><td></td>
</tr>
<tr>
<td>重复密码:</td>
<td colspan="2"><input type="password" name="passw2"/></td><td></td>
</tr>
<tr>
<td></td><td><input type="submit"value="注册"/></td>
<td><input type="reset" value="重置"/></td><td></td>
</tr>
</table></form>
</body>

学了数据库再慢慢从中搜索...

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏大内老A

SQL Server 2005:一个使用新创建的User的问题和解决方法

昨天在写一个SQLXML的Sample的时候,在SQL Server 2005添加新的User的时候出了一系列的问题,觉得这是一个很Common的问题,今天我把...

19650
来自专栏本立2道生

VC6.0打开或添加工程时崩溃的解决方法

官方解决办法(英文):http://support.microsoft.com/kb/241396/en-us

25410
来自专栏React Native开发圈

React Native手势密码组件

npm install react-native-gesture-password--save

15730
来自专栏Youngxj

[源码分享]Emlog博客后台自适应主题 N+

95940
来自专栏Jerry的SAP技术分享

利用ABAP调试模式修改SE16里数据库表的内容

比如CRM物料主数据的表:COMM_PRODUCT,在SE16里只允许浏览数据,但不能修改:

12310
来自专栏华仔的技术笔记

Xcode安装插件

375110
来自专栏小夜博客

使用VNC安装Debian系统图文教程

516140
来自专栏Java技术分享

基于Metronic的Bootstrap开发框架经验总结(6)--对话框及提示框的处理和优化

在各种Web开发过程中,对话框和提示框的处理是很常见的一种界面处理技术,用得好,可以给用户很好的页面体验,Bootstrap开发也一样,我们往往在页面新增、编辑...

32850
来自专栏mantou大数据

MacOS下SVN迁移Git踩坑记

1. First Blood 之前在Windows环境下进行svn到git的迁移是很简单的,参考官方文档。 可是在macOS环境下(macOS High Si...

62250
来自专栏沈唁志

WordPress更改固定链接404的解决办法

81140

扫码关注云+社区

领取腾讯云代金券