pushStateによるURL変更を実装したいと考えています。jqueryとの組み合わせで、
以下の様な形でスクリプトを組んだのですが、
■js
jQuery(document).ready(function($){
$("#btn").on('click', function() {
$.ajax({
type: "GET",
url: "処理用のPHPへのパス",//phpにデータを渡して処理します。
data: {
aa: 'aaa',
bb: 'bbb'
},
success: function(msg){
$("#box").append(msg);//phpの処理によって返ってきたhtmlをID名boxに追加
hisotry.pushState('', '', '変更後URL');//第一、第二引数は空で第三引数に変更後のURLを指定
},
complete: function() {
alert("完了");
}
});
}
}
});
■html
<div id="btn">クリック</div>
<div id="box"></div>
GoogleChromeでは以下の様なエラーがでます。
Uncaught ReferenceError: hisotry is not defined
こちらの原因は何になるのでしょうか?
○history
×hisotry