jQueryでajaxを使う

Ajax（エージャックス）とは、ウェブブラウザ内で非同期通信を行いながらインターフェイスの構築を行うプログラミング手法である。XMLHttpRequestによる非同期通信を利用し、通信結果に応じてダイナミックHTML で動的にページの一部を書き換えるというアプローチを取る。

hnavi.co.jp

jQueryの特注の1つに、簡単にAjaxを使用出来るという事が挙げられます。
jQueryには簡易版のloadメソッドとajaxメソッドの2つが用意されています。

loadメソッド

<script>
    $('div').load('呼び出したいファイル');
</script>

ajaxメソッド

$.ajax({
    type: 'GET',
    url: '呼び出したいファイル',
    success: function(data) {
        $('div').html( data );
    }
})

<script>
        var load = 0;
        document.getElementById('要素のID').onload = function () {
            load++;
            if (load > 1) {
                document.location = "飛ばしたいデータのURL";
            }
        }
</script>