JQeury&AJAX

XMLHttpRequest

• 属性:
  
  
  • readyState:0-3        - XMLHTTPRequest的状态
  • onreadyStateChange:当XMLHTTPRequest改变状态的时候触一个函数
  • status:获得响应的状态码
  • responseText:获得响应的文本数据
  • responseXML:获得响应的XML的数据
    
    
• 方法:
  
  
  • open(请求方式,请求路径,是否异步):异步向服务器发送请求
  • send(请求参数):发送请求
  • setRequestHeader(头信息,头的值):处理POST请求方式的中文问题
    
    
• 创建XMLHttpRequest对象:
  
  
  • IE:将XMLHttpRequest对象封装在一个ActiveXObject组件
  • Firefox:直接就可以创建XMLHttpRequest对象.
  • 
    function createXmlHttp(){
       var xmlHttp;
       try{ // Firefox, Opera 8.0+, Safari
            xmlHttp=new XMLHttpRequest();
        }
        catch (e){
           try{// Internet Explorer
                 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
              }
            catch (e){
              try{
                 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
              }
              catch (e){}
              }
        }
    ​
        return xmlHttp;
    }
    ​
    
  
  

GET请求方式POST请求方式

• 创建异步对象
• 设置监听:
• 设置请求头
• 设置访问路径
  
  
  • open
    
    
• 发送请求
  
  

JQuery的AJAXJQuery的部分方法:

• Jq对象.load(路径,参数,回调函数)
• $.get(路径,参数,回调函数,数据类型)
• $.post(路径,参数,回调函数,数据类型)
• $.ajax()
• serialize();--- JQ的AJAX传递参数的时候需要使用的方法
  
  

JSONJSON格式介绍

• 对象表示为键值对
• 数据由逗号分隔
• 花括号保存对象
• 方括号保存数组
  
  

JSON的生成工具

• JSONArray:将数组或List集合转成JSON
• JSONObject:将对象或Map集合转成JSON
  
  

JQeury&AJAX

XMLHttpRequest

• 属性:
  
  
  • readyState:0-3        - XMLHTTPRequest的状态
  • onreadyStateChange:当XMLHTTPRequest改变状态的时候触一个函数
  • status:获得响应的状态码
  • responseText:获得响应的文本数据
  • responseXML:获得响应的XML的数据
    
    
• 方法:
  
  
  • open(请求方式,请求路径,是否异步):异步向服务器发送请求
  • send(请求参数):发送请求
  • setRequestHeader(头信息,头的值):处理POST请求方式的中文问题
    
    
• 创建XMLHttpRequest对象:
  
  
  • IE:将XMLHttpRequest对象封装在一个ActiveXObject组件
  • Firefox:直接就可以创建XMLHttpRequest对象.
  • 
    function createXmlHttp(){
       var xmlHttp;
       try{ // Firefox, Opera 8.0+, Safari
            xmlHttp=new XMLHttpRequest();
        }
        catch (e){
           try{// Internet Explorer
                 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
              }
            catch (e){
              try{
                 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
              }
              catch (e){}
              }
        }
    ​
        return xmlHttp;
    }
    ​
    
  
  

GET请求方式POST请求方式

• 创建异步对象
• 设置监听:
• 设置请求头
• 设置访问路径
  
  
  • open
    
    
• 发送请求
  
  

JQuery的AJAXJQuery的部分方法:

• Jq对象.load(路径,参数,回调函数)
• $.get(路径,参数,回调函数,数据类型)
• $.post(路径,参数,回调函数,数据类型)
• $.ajax()
• serialize();--- JQ的AJAX传递参数的时候需要使用的方法
  
  

JSONJSON格式介绍

• 对象表示为键值对
• 数据由逗号分隔
• 花括号保存对象
• 方括号保存数组
  
  

JSON的生成工具

• JSONArray:将数组或List集合转成JSON
• JSONObject:将对象或Map集合转成JSON