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 中文乱码解决
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. Duang!超快Wi-Fi来袭
- 2. 机器学习-补充03 神经网络之**函数(Activation Function)
- 3. git上开源maven项目部署 多module maven项目（多module maven+redis+tomcat+mysql）后台部署流程学习记录
- 4. ecliple-tomcat部署maven项目方式之一
- 5. eclipse新导入的项目经常可以看到“XX cannot be resolved to a type”的报错信息
- 6. Spark RDD的依赖于DAG的工作原理
- 7. VMware安装CentOS-8教程详解
- 8. YDOOK：Java 项目 Spring 项目导入基本四大 jar 包 导入依赖，怎样在 IDEA 的项目结构中导入 jar 包 导入依赖
- 9. 简单方法使得putty（windows10上）可以免密登录树莓派
- 10. idea怎么用本地maven
欢迎关注本站公众号,获取更多信息
