javascript中级--ajax（2）

最新推荐文章于 2024-08-12 09:24:46 发布

Z19871124123456

最新推荐文章于 2024-08-12 09:24:46 发布

阅读量55

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/Mr-W/p/6519924.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>

二、读取json

<!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>

转载于:https://www.cnblogs.com/Mr-W/p/6519924.html

Z19871124123456

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript中级--ajax（2）

一、无刷新读取数据防止缓存<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
复制链接

扫一扫