katsube/neec.js

## neec.js
/**
 * 日本工学院用の便利JSライブラリ
 *
 * @license MIT License
 * @version 1.0.0
 * @author M.Katsube <katsubemakito@gmail.com>
 */

const neec = {
  //-------------------------------------------
  // ネットワーク関係
  //-------------------------------------------
  net: {
    /**
     * [GET] サーバからJSONを取得する
     *
     * @param {string}   url         リクエスト先のURL
     * @param {function} callback    コールバック関数
     * @example
     *  url = "http://g099a9999.neecbox.net/api/ping.php";
     *  neec.net.get(url, function(status, json){
     *    if( status && json["status"] === "OK" ){
     *      alert("通信に成功しました");
     *    }
     *  });
     */
    get: function(url, callback){
      this.request(url, {}, callback);
    },

    /**
     * [POST]サーバからJSONを取得する
     *
     * @param {string}   url         リクエスト先のURL
     * @param {object}   param       フォームデータ
     * @param {function} callback    コールバック関数
     * @example
     *  url  = "http://g099a9999.neecbox.net/api/recive.php";
     *  data = {
     *    id: 123,
     *    name: "foo"
     *  };
     *
     *  neec.net.post(url, data, function(status, json){
     *    if( status && json["status"] === "OK" ){
     *      alert("通信に成功しました");
     *    }
     *  });
     */
    post: function(url, data={}, callback){
      const param = {
        method: "POST",
        body: this.createForm(data)
      };

      this.request(url, param, callback);
    },

    /**
     * リクエストを実行
     *
     * @param {string}   url         リクエスト先のURL
     * @param {object}   param       フォームデータ
     * @param {function} callback    コールバック関数
     */
    request: function(url, param, callback){
      fetch(url, param)
        .then((res)=>{
          if( ! res.ok ) {
            console.error(res);
            throw new Error(`Fetch: ${res.status} ${res.statusText}`);
          }
          return( res.json() );
        })
        .then((json)=>{
          callback(true, json);
        })
        .catch((error)=>{
          callback(false, error);
        })
    },

    /**
     * フォームデータを作成する
     *
     * @param {object} data
     * @return {object} FormData
     */
    createForm: function(data){
      const form = new FormData();
      for( const key in data ){
        form.append(key, data[key]);
      }
      return(form);
    }
  }
}

## sample.html
<!DOCTYPE html>
<html>
<head>
  <title>通信テスト</title>
</head>
<body>

<script src="neec.js"></script>
<script>
  neec.net.get("http://g099a9999.neecbox.net/api/ping.php", function(status, json){
    if(status && json["status"] === "OK"){
      alert("OK");
    }
    else{
      alert("Oops...");
    }
  });
</script>
</body>
</html>
	/**
	* 日本工学院用の便利JSライブラリ
	*
	* @license MIT License
	* @version 1.0.0
	* @author M.Katsube <katsubemakito@gmail.com>
	*/

	const neec = {
	//-------------------------------------------
	// ネットワーク関係
	//-------------------------------------------
	net: {
	/**
	* [GET] サーバからJSONを取得する
	*
	* @param {string} url リクエスト先のURL
	* @param {function} callback コールバック関数
	* @example
	* url = "http://g099a9999.neecbox.net/api/ping.php";
	* neec.net.get(url, function(status, json){
	* if( status && json["status"] === "OK" ){
	* alert("通信に成功しました");
	* }
	* });
	*/
	get: function(url, callback){
	this.request(url, {}, callback);
	},

	/**
	* [POST]サーバからJSONを取得する
	*
	* @param {string} url リクエスト先のURL
	* @param {object} param フォームデータ
	* @param {function} callback コールバック関数
	* @example
	* url = "http://g099a9999.neecbox.net/api/recive.php";
	* data = {
	* id: 123,
	* name: "foo"
	* };
	*
	* neec.net.post(url, data, function(status, json){
	* if( status && json["status"] === "OK" ){
	* alert("通信に成功しました");
	* }
	* });
	*/
	post: function(url, data={}, callback){
	const param = {
	method: "POST",
	body: this.createForm(data)
	};

	this.request(url, param, callback);
	},

	/**
	* リクエストを実行
	*
	* @param {string} url リクエスト先のURL
	* @param {object} param フォームデータ
	* @param {function} callback コールバック関数
	*/
	request: function(url, param, callback){
	fetch(url, param)
	.then((res)=>{
	if( ! res.ok ) {
	console.error(res);
	throw new Error(`Fetch: ${res.status} ${res.statusText}`);
	}
	return( res.json() );
	})
	.then((json)=>{
	callback(true, json);
	})
	.catch((error)=>{
	callback(false, error);
	})
	},

	/**
	* フォームデータを作成する
	*
	* @param {object} data
	* @return {object} FormData
	*/
	createForm: function(data){
	const form = new FormData();
	for( const key in data ){
	form.append(key, data[key]);
	}
	return(form);
	}
	}
	}
	<!DOCTYPE html>
	<html>
	<head>
	<title>通信テスト</title>
	</head>
	<body>

	<script src="neec.js"></script>
	<script>
	neec.net.get("http://g099a9999.neecbox.net/api/ping.php", function(status, json){
	if(status && json["status"] === "OK"){
	alert("OK");
	}
	else{
	alert("Oops...");
	}
	});
	</script>
	</body>
	</html>