javascript中級--ajax（2）
1、無刷新讀取數據防止緩存html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ajax</title>
<script src="ajax.js"></script>
<script>
//無刷新數據讀取，ajax
window.onload = function() {
var oBtn = document.getElementById('btn1')
oBtn.onclick = function() {
alert('txt1.txt?t=' + new Date().getTime());
ajax('txt1.txt?t=' + new Date().getTime(), function(str) {
alert(str);
})
}
}
</script>
</head>
<body>
點擊後讀取txt1.txt<br/>
<input id="btn1" type="button" name="" value="讀取">
</body>
</html>
2、讀取jsonajax
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ajax</title>
<script src="ajax.js"></script>
<script>
//請求服務器上面的數組json，ajax
window.onload = function() {
var oBtn = document.getElementById('btn1')
oBtn.onclick = function() {
ajax('data.json?t=' + new Date().getTime(), function(str) {
//str->[{a:1,b:2},{a:3,b:4}]
var arr = eval(str);
alert(arr[1].b);
})
}
}
</script>
</head>
<body>
點擊後讀取txt1.txt<br/>
<input id="btn1" type="button" name="" value="讀取">
</body>
</html>
相關文章
- 1. javascript中級--ajax（3）
- 2. JavaScript中的AJAX
- 3. JavaScript和Ajax部分（2）
- 4. Javascript高級——9.Ajax跨域
- 5. JavaScript中的ajax（二）
- 6. JavaScript封裝Ajax（類JQuery中$.ajax()方法）
- 7. JSF 2 事件處理、JavaScript 和 Ajax
- 8. JavaScript和jQuery中的AJAX
- 9. javascript中級
- 10. javascript ajax和jquery ajax
- 更多相關文章...
- • JavaScript 指南 - 網站建設指南
- • AJAX 簡介 - PHP教程
- • PHP Ajax 跨域問題最佳解決方案
- • Scala 中文亂碼解決
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
