Ajax异步处理

来源:互联网 发布:淘宝有哪些正品鞋店 编辑:程序博客网 时间:2024/06/07 22:48

  定义: 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采用异步方式发送请求,避免每个请求对应一个页面的模式,允许在一个页面发送多个请求,从而可以更大程度的利用已下载的页面,服务器每次响应生成的只是必需的数据,无需响应整个页面。


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


0 0
原创粉丝点击