Ajax 简单的实例代码

前端代码实现：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>注册</title><script type="text/javascript" src="jquery.js"></script><style>h2{text-align: center;}.item{width: 500px;margin: 0 auto;}</style>
</head>
<body>
<div style="text-align: center"><div><div><label style="text-align: right; display: inline-block; width: 150px;">用户名</label><input name="username" id="username"></div><div><label style="text-align: right; display: inline-block; width: 150px;">密码</label><input type="password" name="password" id="password"></div><button onclick="register(this)">注册</button></div>
</div><script type="text/javascript">function register(obj){let username = $("#username").val();let password = $("#password").val();$.ajax({type: "POST",url: "register.php",data: {'username': username,'password': password},success:function(data) {let obj = eval('(' + data + ')');if (1 == obj.status){alert('注册成功');window.location.href="login.html";}else{alert("注册失败");}}})}
</script>
</body>
</html>

后端代码实现：

<?php$username = $_POST['username'];
$password = $_POST['password'];$pdo = new PDO("mysql:host=127.0.0.1;dbname=fd","fd","fd");
$password = hash('sha256', $password, false);
$sql = 'insert into users(username,password) values("' . $username . '", "' . $password . '")';if($pdo -> exec($sql)) {echo json_encode(['status' => 1, 'msg' => "success"]);} else {echo $pdo->errorCode();print_r($pdo->errorInfo());
}

Ajax 简单的实例代码相关推荐

ajax 示例代码,Ajax的简单实用实例代码
我将实现一个简单的Ajax页面无刷新进行用户验证案例: 效果如下图: 实现主要过程: 在UsersAction类中的checkUser方法中接收并验证前台的表单数据,针对不同情况,返回一个状态码cod ...
php ajax简单实例代码,Ajax的简单实用实例代码
这篇文章主要介绍了Ajax的简单实用实例代码,对ajax感兴趣的朋友可以参考下Ajax的简单实用的方法我将实现一个简单的Ajax页面无刷新进行用户验证案例: 效果如下图: 实现主要过程: 在User ...
Jquery+asp.net实现Ajax方式文件下载实例代码
如果文件中,需要下载一个文件,一般用超级链接的方式即可. 但是如果是图片,浏览器会默认打开图片浏览,不是实现下载. 考虑可以使用jquery ajax提交form请求的方式. jquery downl ...
java ajax jquery分页插件_jQuery ajax分页插件实例代码
既然说到基于jQuery的ajax分页插件,那我们就先看看主要的代码结构:(我觉得对咱们程序员来说再优美的文字描述.介绍也比不上代码来得实在.) 1.首先定义一个pager对象: var sjPag ...
前端文件表单/ajax上传实例代码
表单上传文件 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF ...
python代码示例图形-Python使用统计函数绘制简单图形实例代码
前言 Matplotlib 是 Python 的绘图库. 它可与 NumPy 一起使用,提供了一种有效的 MatLab 开源替代方案. 它也可以和图形工具包一起使用,如 PyQt 和 wxPython ...
python画统计图代码_Python使用统计函数绘制简单图形实例代码
前言 Matplotlib 是 Python 的绘图库. 它可与 NumPy 一起使用,提供了一种有效的 MatLab 开源替代方案. 它也可以和图形工具包一起使用,如 PyQt 和 wxPython ...
python简单实用案例_Ajax的简单实用实例代码
细说SSO单点登录(转) OAuth2.0:https://docs.spring.io/spring-boot/docs/current/reference/html/boot-features-s ...
ajax简单实例代码,分享Ajax创建简单实例代码
XmlHttp是一套可以在Javascript.VbScript.Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API.XmlHttp最大的用处是可以更新网页的部分内容而 ...

Ajax 简单的实例代码

Ajax 简单的实例代码相关推荐

最新文章

热门文章