var xhr = new XMLHttpRequest();   

// アプリケーションの設定 ※必要に応じて変更します
var settings = {    
    baseURL: "http://localhost:6080/arcgis/admin",
    token: "",
};

// 送信データの設定 ※必要に応じて変更します  
var SendData = {    
    username: "siteadmin",
    password: "siteadmin",
    client: "referer",
    referer: location.href,
    expiration: 60,
    f: "pjson"  
}

// [実行]ボタンの設定 ※必要に応じて変更します  
var button = document.getElementById("button");  
button.addEventListener("click", GetToken);

// 送信データを URL エンコードする  
function EncodeHTMLForm() {    
    var params = [];    
    for (var name in SendData) {      
        var value = SendData[name];      
        var param = encodeURIComponent(name) + '=' + encodeURIComponent(value);      
        params.push(param);    
    }    
    return params.join('&').replace(/%20/g, '+');  
}

// トークンを取得する  
function GetToken() {
// リクエストが成功した後の動作を設定        
    xhr.onreadystatechange = function() {      
        if (xhr.readyState == 4 && xhr.status == 200) {        
// 取得したデータを JSON パースし、取得したトークンを既存のオブジェクト settings.token に設定
            settings.token = JSON.parse(xhr.response).token;   
        };             
    }
// *****トークン取得 URL へ POST メソッドでリクエストを出す*****
    xhr.open("POST", settings.baseURL + "/generateToken", false);     
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 　//リクエストヘッダの設定
    xhr.send(EncodeHTMLForm()); 　// データを送信する
    WriteToken(); 　// 取得したトークンをコンソールへ書き出して終了
};

// 取得したトークンをコンソールへ書き出す関数
function WriteToken() {
    console.log("Token:", settings.token)
};