风飞扬  梦起航

风飞扬个人博客——专注Java

AJAX基础

AJAX基础知识点:

    
什么是Ajax?  Asynchronous Javascript And XML”(异步JavaScript和XML)

    通俗的讲就是无刷新整个页面实现客户端与服务器端进行通信的一种手段。

    使用Ajax主要用XMLHttpRequest对象,使用起来很麻烦,但是经过封装后结合JQuery使用起来很方便。了解Ajax传统的使用步骤就行。


    Ajax传输数据的3种方式
    
    1>  .XML:笨重,解析相对困难,是通用的数据交换方式

    2>  .HTML:不需要解析可以直接放到页面中,适用于仅更新一部分区域。传输数据不方便。

    3> .JSON:小巧,有面向对象的特征,且有很多第三方jar包可以把java对象或者是集合转成json对象,方便


    使用JQuery实现Ajax操作

    1> .load方法:可以用于Html文档的元素节点,load方法加载后的数据是一个html片段
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 <script type="text/javascript">
     
     //html中元素节点
     var $obj=***  ;
      
     //向服务器端请求的url
     var url="***" ;
  
     //请求所带的参数,注意必须是Json格式
     var args={key1:value1,key2:value2};
     
    //向服务器发送请求并把返回的html数据直接加载到页面中
    $obj.load(url,args);
 
</script>
    

    2>  $.get    $.post   $.getJSON  更加灵活,除了使用.load方法外,大部分情况下使用这3种方法 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 <script type="text/javascript">
      
     //url:向服务器发出请求的url
  
     //args:请求所带的参数,注意是JSON格式
  
      //data:Ajax响应后返回的数据,可以使HTML,XML,JSON
  
     //使用$.get示范
     $.get(url,args,function(data){
        
          //这里写返回的与JSON对象data相关的代码    
   
     },"JSON");
 
    //使用$.post示范
     $.post(url,arts,function(data){
 
          //这里写返回的与JSON对象data相关的代码
 
     },"JSON");
 
    //使用$.getJSON示范
     $.getJSON(url,args,function(){
 
         //这里写返回的与JSON对象data相关的代码
     
     });
 
</script>
    

    待更新...

posted on 2016-08-21 20:13 风飞扬(windfly) 阅读(141) 评论(0)  编辑  收藏 所属分类: 笔记


只有注册用户登录后才能发表评论。


网站导航:
 

公告



网名:风飞扬

英文名:windfly

博客:windfly.blogjava.net

个人简介:不讲究 , 不将就

导航

最新评论

风飞扬
  • 首页
  • 未命名
  • 笔记
  • 未命名
  • 笔记
  • 未命名
  • 音乐