【JavaScript】ajax的基础知识以及缓存和提交数据的方式

Ajax就是让 JS 可以读取服务器上的数据。

字符集编码:gb2312(中文乱码) / utf-8

缓存: 缓存的工作原理是通过 URL 来缓存的,同一个地址读取一次。

实例1、避免缓存

<script>
    window.onload = function(){
        var oBtn = document.getElementById('btn')
        oBtn.onclick = function(){
            ajax('aaa.txt?t=' + Date.now(), function(data){ //在请求的路径后加时间戳,会使每一次访问的 url 不同
                alert(data)
            }, function(){
                alert('失败')
            })
        }
    }
</script>

ajax 读取的数据类型都是 String

实例2、字符串转数组

<script>
    window.onload = function(){
        var oBtn = document.getElementById('btn')
        oBtn.onclick = function(){
            ajax('aaa.txt?t=' + Date.now(), function(data){ //data = [1,2,3,4,5,6,7]
                var arr = eval(data) //eval 可以计算某个字符串
                alert(arr[1])
            }, function(){
                alert('失败')
            })
        }
    }
</script>

数据请求的方式:get通过网址(有缓存)、post通过 http content(没有缓存)

<body>
    <form action="http://www.baidu.com/" method="GET"> 
        <input type="text" name="userName">
        <input type="text" name="passWord">
        <input type="submit" value="提交">
    </form>
</body>

猜你喜欢

转载自blog.csdn.net/meichaoWen/article/details/113576977