76-ajax入门

最新推荐文章于 2023-09-11 09:41:19 发布

Lich Howger

最新推荐文章于 2023-09-11 09:41:19 发布

阅读量153

点赞数

分类专栏： ajax

本文链接：https://blog.csdn.net/qq_33781658/article/details/84633283

版权

ajax 专栏收录该内容

7 篇文章 0 订阅

订阅专栏



ajax入门

ajax是什么呢
asynchronous javascript and xml
异步的js和xml
什么意思呢

1.异步交互和同步交互
同步:发一个请求,就要等待对方的响应(比如服务器)
	然后才能发第二个请求,中间这段时间是阻塞的
异步:发一个请求,不需要等待对方的响应(比如服务器)
	然后直接可以发第二个
可以使用js来接收服务器的响应,然后使用js来局部刷新



来点代码

我们创建一个jsp

<html>
<head>
    <title>测试</title>

    <script type="text/javascript">
        //在文档加载完成后就会执行
        window.onload = function () {
            //得到btn元素
            var btn = document.getElementById("btn");

            //给btn的click事件注册监听
            //在btn被点击的时候执行
            btn.onclick = function () {
                //获取h1元素对应的DOM对象
                var h1 = document.getElementById("h1");
                h1.innerHTML = "hello world";
            }
        }
    </script>
</head>
<body>

<button id="btn">button</button>
<h1 id="h1"></h1>

</body>
</html>


我们运行这个test.jsp
然后点击button
就在h1标签里面加上了hello world




注意
ajax能使用js访问服务器,而且是异步访问
一般服务器响应的内容是整个页面,一个完整HTML页面
但是在ajax中,因为是局部刷新
所以服务器只用局部响应,不再响应整个页面
只是数据就可以了
有哪些格式的数据
1.text: 纯文本
2.xml:	大数据用xml
3.json:	是js提供的数据交换格式

json
javascript object notation
js对象简谱
是一种轻量级的数据交换格式

其实现在用json比xml还要多的多
所以有人说
ajax可以改名为ajaj
asynchronous javascript and xml 改名为
asynchronous javascript and json




ajax的优缺点
优点:
1.异步交互,增强了用户体验
2.性能: 服务器无需响应整个页面,只需要响应部分内容,所以服务器压力减轻了

缺点:
1.ajax不能应用在所有场景
2.ajax增多了对服务器的访问次数,带来了次数上的压力