PHP+AJAX实现md5加密无刷新程序
1、先建好目录结构，里面的md5.php就是处理加密的程序代码处理完后就把数据用JSON格式输出，index.html就是我的程序的界面了，js目录下有个tools.js这个就是我们使用JQ的AJAX的代码。目录结构图如下：
2、md5.php里面的代码如下：
<?php
//判断如果是get请求还是post请求
//$_SERVER["REQUEST_METHOD"]返回访问页面使用的请求方法
if($_SERVER["REQUEST_METHOD"] == "GET") {
echo "string";
} else if($_SERVER["REQUEST_METHOD"] == "POST") {
jiami();
}
function jiami() {
if(isset($_POST['ming'])) {
$data = '';
$ming = trim($_POST['ming']); //去掉明文里面的空格等符号
//判断提交的明文是否为空，不为空就进行加密并输出
if($ming !== "") {
$md32 = md5($ming);
$mdmd = md5(md5($ming));
$md16 = substr(md5($ming),8,16);
$data.= "<span class='miwen'>小写16位密文：".$md16."</span>";
$data.= "<span class='miwen'>大写16位密文：".strtoupper($md16)."</span>";
$data.= "<span class='miwen'>32位密文：".$md32."</span>";
$data.= "<span class='miwen'>32位密文：".strtoupper($md32)."</span>";
$data.= "<span class='miwen'>md5(md5(\$pass))密文：".$mdmd."</span>";
echo '{"success1":true,"msg":"'.$data.'"}';
}else {
//这里是错误提示
$erreo = "<span class='miwen'>输入的明文不能为空</span>";
echo '{"success":false,"msg":"'.$erreo.'"}';
}
}
}
3、index.html界面文件里面的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>md5在线加密,md5加密,md5加密工具-残梦教程网</title>
<meta name="Keywords" content="md5在线加密,md5加密,md5加密工具">
<meta name="description" content="md5在线加密,md5加密,md5加密工具">
<link rel="stylesheet" href="./css/style.css">
<script type="text/javascript" src="./js/jquery2.1.4.min.js"></script>
<script type="text/javascript" src="./js/tools.js"></script>
</head>
<body>
<div>
<div>md5在线加密工具</div>
<div>
<input type="text" name="ming" id="mi" placeholder="请输入你要加密的明文">
<button id="do">加密</button>
</div>
<div></div>
<div>百度经验</div>
</div>
</body>
</html>
4、tools.js里面的代码如下：
$(document).ready(function() {
// MD5加密Ajax
$("#do").click(function() {
$.ajax({
type:"POST", //POST请求类型
data:{
ming:$("#mi").val() //需要加密的明文
},
url:"md5.php", //请求地址
dataType:"json", //JSON数据格式返回数据
success:function(data) { //成功则执行里面的程序
if(data.success) {
$(".md5Con").html(data.msg);
}else {
$(".md5Con").html(data.msg);
}
},
error:function(jqXHR) { //失败则提示错误
alert("发送错误"+jqXHR.status);
}
});
});
});
5、最后的加密效果如下图，第一张是输入要加密的数字后加密的，第二张是什么也没输入就点击加密的提示。
本程序的源代码下载：链接: https://pan.baidu.com/s/1mid0EPq 密码: 1at7
