AJAX（Asynchronous Javascript And XML）非同步操作XML（JSON）

function output(data){
            console.log(JSON.parse(data));
        } 
        // 一個簡單的回撥函式，用來測試是否接受到資料
        function ajax(method,url,callback,data,flag){
            // method 請求方法 url請求地址 callback回撥函式 data請求資料  flag（true為非同步，false同步）
            var
 
 xhr = null;
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest;
            }else{
                xhr = new ActiveXObject();
            }
            xhr.onreadystatechange = function(){
                if(xhr.readyState == 4){
                    // readyState ：0 未呼叫send; 1 讀取中，正在傳送； 2 已讀取，send方法執行完成，接收到全部資料； 3 正在解析； 4 解析完成
 

                    if(xhr.status == 200){
                        callback(xhr.responseText);
                        // console.log(xhr.getResponseHeader('date'));
                        // console.log(xhr.getResponseHeader('server')); 返回 值指定的首部的串值
                        // console.log(xhr.getAllResponseHeaders());將http請求的所有響應首部作為鍵值對返回
 

                        // console.log(xhr.responseXML);獲得XML形式的響應資料
                        // console.log(xhr.statusText);伺服器返回的狀態文字資訊
                    }
                }
            }
            method = method.toUpperCase();
            if(method == 'GET'){
                // get方法 瀏覽器中存在快取資料，新增時間戳可以避免瀏覽器中呼叫換快取資料
                var date = new Date();
                var timer = date.getTime();
                xhr.open('get',url + '?'+ data +'&timer=' + timer,flag);
                // 傳送資料在open函式中
                xhr.send();
            }else if(method == 'POST'){
                xhr.open('post',url,flag);
                xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
                // application/x-www-form-urlencoded 傳送前編碼所有字元
                // multipart/form-data 不用編碼，上傳檔案的表單，必須使用這個值
                xhr.send(data);
                // 傳送資料在send函式中
            }
        }
        ajax('get','getNews.php',output,'',true);