54 lines
1.9 KiB
HTML
54 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<title>数据备份</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
|
|
<link href="css/jquery.circliful.css" rel="stylesheet" type="text/css" />
|
|
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
|
<script src="js/jquery.circliful.js"></script>
|
|
<script>
|
|
function backup(predate)
|
|
{
|
|
$.ajax({
|
|
url: 'backupajax.php',
|
|
type: 'POST', //POST
|
|
async: true, //或false,是否异步
|
|
dataType: 'json',
|
|
data:predate,
|
|
success: function (data, textStatus, jqXHR) {
|
|
|
|
datainfo = '表[' + data.nowtable + ']完成' + data.tablepercentage + '%';
|
|
if (data.totalpercentage >= 100)
|
|
{
|
|
datainfo = '备份完成';
|
|
}
|
|
|
|
html = '<div id="myStat2" data-dimension="250" data-text="' + data.totalpercentage + '%" data-info="' + datainfo + '" data-width="30" data-fontsize="38" data-percent="' + data.totalpercentage + '" data-fgcolor="#61a9dc" data-bgcolor="#eee"></div>';
|
|
$('#tongji').html(html);
|
|
$('#myStat2').circliful();
|
|
if (data.totalpercentage < 100)
|
|
{
|
|
backup(data);
|
|
}
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div><input type="button" value="备份" onclick="backup({})" /></div>
|
|
<center>
|
|
|
|
<div id="tongji"></div>
|
|
</center>
|
|
<script>
|
|
$(document).ready(function () {
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|