ボタンを押下するとAPIの実行結果をアラート表示するHTMLコンテンツサンプルを以下に示します。
<html>
<head>
<script type="text/javascript" src="imaps.js "></script>
<script type="text/javascript">
// length()
function length() {
imaps.sls.length(resultHandler, errorHandler);
}
// key(index)
function key(index) {
imaps.sls.key(resultHandler, errorHandler, index);
}
// setItem(key, value)
function setItem(key, value) {
imaps.sls.setItem(resultHandler, errorHandler, key, value);
}
// getItem(key)
function getItem(key) {
imaps.sls.getItem(resultHandler, errorHandler, key);
}
// removeItem(key)
function removeItem(key) {
imaps.sls.removeItem(resultHandler, errorHandler, key);
}
// clearItem()
function clearItem() {
imaps.sls.clear(resultHandler, errorHandler);
}
//正常時のCallBack
function resultHandler(result) {
// length(), key(index), getItem(key)含め、結果はresultに設定される.
console.log("SUCCESS: "+result);
}
//異常時のCallBack.
function errorHandler(error) {
console.log("ERROR: "+error);
}
</script>
</head>
<body>
<button onclick="length();">Click to length</button><br>
<button onclick="key(0);">Click to key</button><br>
<button onclick="setItem('key', 'value');">Click to setItem</button><br>
<button onclick="getItem('key');">Click to getItem</button><br>
<button onclick="removeItem('key');">Click to removeItem</button><br>
<button onclick="clearItem();">Click to clear</button><br>
</body>
</html>