Gooラボで公開されているひらがな化api

ひらがな化API

コードはこんな感じ

var xhr = new XMLHttpRequest();
xhr.open('POST','https://labs.goo.ne.jp/api/hiragana',false);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

xhr.onreadystatechange = function()
{
    if( this.readyState == 4 && this.status == 200 )
    {
        if( this.response )
        {
            	window.confirm(xhr.response);
	        hiragana = JSON.parse(xhr.response);
                document.getElementById('result_text2').innerHTML = hiragana.converted;
         }
     }
}
xhr.send('app_id=app_id' + data + '&output_type=hiragana');

ここでリクエストの種類とヘッダー設定して

xhr.open('POST','https://labs.goo.ne.jp/api/hiragana',false);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

ここで必須パラメータ設定してリクエスト

xhr.send('app_id=app_id' + data + '&output_type=hiragana');

レスポンス返ってきたらonreadystatechangeでstateが4(complete) かつ statusが200(OK)の場合に処理する

xhr.onreadystatechange = function()
{
    if( this.readyState == 4 && this.status == 200 )
    {
        if( this.response )
        {
            	window.confirm(xhr.response);
	        hiragana = JSON.parse(xhr.response);
                document.getElementById('result_text2').innerHTML = hiragana.converted;
         }
     }
}

参考:XMLHttpRequestオブジェクトのメソッドとプロパティ

参考にしたコードではsendのあとにabortさせていたが必要があるのだろうか

こちらについては調査中