完整的ajax示例以及ajax同步.异步的概念和区别以及如何设置ajax为同步

完整的ajax示例

<script>
$(function(){
        //请求参数
        var list = {};
        //
        $.ajax({
            //请求方式
            type : "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            url : "http://127.0.0.1/admin/list/",
            //数据,json字符串
            data : JSON.stringify(list),
            //请求成功
            success : function(result) {
                console.log(result);
            },
            //请求失败,包含具体的错误信息
            error : function(e){
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    });
</script>

ajax同步.异步的概念和区别

一、同步、异步概念

1.同步, 提交请求 ->服务器进行处理->等待结果(这个期间,你不能做任何事,只有收到服务器的结果后,才可进行其他操作)

2.异步, 提交请求->服务器处理(这个期间你不用等待服务器的结果,你可去干自己的事情了)->处理完毕

二、ajax同步、异步区别

1.异步:现在的大多数项目,都是使用ajax的异步请求。因为这样能过避免服务器的检索给用户带来的时间延迟。异步传输,总是悄悄进行着,用户根本不知道这后面都发生了什么事,用户只要专注着操作浏览器界面就好了,这个对于用户体验来说,非常好。

2.同步:发完一个请求时,就一直处于等待状态。比如,你的鼠标一直显示着转啊转哈,直到服务器把数据处理完毕了,再告知浏览器现在可以了,你可以操作其他事情了,可是这对于用户是一个多么痛苦的体验,为了这个请求,页面一直无法操作,就像浏览器“死机”了一样 。所以,同步请求最好慎用。

同步、异步,各有春秋,处于什么场景,就用什么。

如何设置ajax为同步

在这里插入图片描述

发布了23 篇原创文章 · 获赞 28 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_45736927/article/details/102941119