Ajax异步处理

前端之家收集整理的这篇文章主要介绍了Ajax异步处理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

定义: AJAX= 异步 JavaScript 及 XML

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),不是新的编程语言,而是一种使用现有标准的新方法


实际上AJAX是一种用来改变用户体验的技术,一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,传统的网页如果需要更新内容,必须重新加载整个网页。


其核心技术是JavaScript对象XmlHttpRequest(XHR),该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。可以通过使用XHR对象获取到服务器的数据,然后再通过DOM将数据插入到页面中呈现。虽然AJAX名字中包含XML,但AJAX通讯与数据格式无关,所以我们的数据格式可以是XML或JSON等格式。


由来:

JS是一种脚本语言,它的出现使得网页和用户之间实现了一种实时的、动态的和交互的关系,使网页包含更多活跃的元素和更多精彩的内容


但是JS存在3个弊端,即复杂的DOM,不一致的浏览器实现和缺乏便捷的开发、调试工具。


正当JS从开发者的视线中渐渐隐去时,一种新型的基于JS的web技术——AJAX(异步的JS和XML)诞生了。从而互联网中基于JS的应用越来越多,使它不再是一种仅仅用于制作web页面的简单脚本

$.ajax({
            type: "POST",url: "/FreshConfiguration/DoDisable",data: { "ConventionID": ConventionID,},success: function (data) {
                if (data == true) {
                    $.messager.alert('提醒','公约禁用成功');
                    $('#Convention').datagrid('reload');
                    $('#AddConvention').window('close');
                }
                else {
                    $.messager.alert('提示','此公约已禁用,请重新选择!');
                    $('#Convention').datagrid('reload');
                }
            },error: function () {
                $.messager.alert("警告!","失败!");
                $('#Convention').datagrid('reload');
            }
        });

作用
AJAX采用异步方式发送请求,避免每个请求对应一个页面的模式,允许在一个页面发送多个请求,从而可以更大程度的利用已下载的页面,服务器每次响应生成的只是必需的数据,无需响应整个页面

用户而言,发送异步请求不会阻塞当前的浏览器线程,浏览器可以继续下一步操作,比如继续浏览或再次发送异步请求。因此用户将不会处于等待状态,而是感觉自己一直与应用处于交互状态,从而带给了用户连续的体验。

猜你在找的Ajax相关文章