您的位置:首页 > 其它

AJAX入门教程实例

2018-02-14 15:35 337 查看
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下

什么是 AJAX ?

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

ajax用在哪里?
简单说是需要连接数据库的地方,但是连接数据库传输的信息量很少,用不着刷新整个页面,这种类型的适合用ajax,避免了属性整个页面带来的资源浪费。

为什么要使用ajax?

减轻服务器的负担,按需取数,可以最大程度的减少冗余请求和响应对服务造成的负担。无恻新更新页面,减少用户心理和实际的等待时间。带来更好的用户体验。可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和速写的负担,节约空间和宽带租用成本。可以调用外部数据。基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。进一步促进页面呈现和数据的分离。
怎么使用在JS中使用ajax?使用时我们要了解的基础知识1,JQuery是什么东西?
是一个JavaScript类库,封装了大量的JavaScript底层代码。

2,JQuery的Ajax操作,对JavaScript底层Ajax操作进行了封装,提供了两种方法进行操作
第一种是底层的$.ajax()操作
[html] view plain copy$.ajax({  
            url:"url",  
            type:"get",  
            dataType:"json",  
            data:{  
                userID:"1"  
            },  
            success:function(response){  
  
            },  
            error:function() {  
            }  
        });  
[html] view plain copy  
第二种是快捷操作$.get()..$.post()...
[html] view plain copy$.get(  
            "url",  
            {userID:"123"},  
            function(response) {  
            }  
        )  

[html] view plain copy$.post(  
            "url",  
            {userID:"123"},  
            function(response) {  
  
            }  
        )  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: