📄 polling_test.html
字号:
<html>
<head>
<title>AJAX Long Polling Example</title>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
function setStatus(string) {
document.getElementById('status').innerHTML = string;
}
var AJAX = new ajaxWrapper();
AJAX.attach('AJAX');
AJAX.set('ajax_test.php');
AJAX.setOnComplete('setStatus("Complete, Processing")');
AJAX.setOnFail('setStatus("Failed")');
AJAX.setOnError('setStatus("Error")');
AJAX.setOnCreate('setStatus("Initialized")');
AJAX.setOnGet('setStatus("Busy")');
AJAX.setOnPost('setStatus("Busy")');
AJAX.setOnPingGet('setStatus("Busy")');
AJAX.setOnPingPost('setStatus("Busy")');
AJAX.setOnPerform('setStatus("Processing")');
AJAX.setOnCompleted('setStatus("Done")');
</script>
</head>
<body style="font-family:arial,verdana; font-size:12px">
<div style="position:relative; left:50%; margin-left:-125px; width:250px; border:1px solid #000000">
<div style="color:#ffffff; background-color:#000000; font-weight:bold; padding:2px; padding-left:4px">AJAX Status:</div>
<div id="status" style="text-align:center; padding:3px">Ready</div>
</div>
<br/>
<div style="position:absolute; left:50%; margin-left:-55px; width:50px; cursor:pointer; background-color:#eeeeee; border:1px solid #777777; padding:2px; text-align:center; font-weight:bold" onclick="AJAX.pingPost();">
Send
</div>
<div style="position:relative; left:50%; margin-left:5px; width:50px; cursor:pointer; background-color:#eeeeee; border:1px solid #777777; padding:2px; text-align:center" onclick="AJAX.reset();">
Cancel
</div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -