Ajax - 更新src Iframe

Question

HTML

<iframe id="frames" src="http://www.site1.com.br/" width='100%' height='100%'></iframe>
<button>Next</button> 

的javascript

<script>
    var urls = ['http://www.site1.com.br/','http://site2.com.br/', 'http://www.site3.com.br'];
    var frame = $("#frames");
    var index = 0;

    $("button").click(function(){
        if (index < urls.length)
        index++;
        $("#frames").attr("src", urls[index]);
    });
</script>

PHP / AJAX

jQuery('#frames').submit(function(){             
           $.ajax({
            url: 'updateUrl.php',
            type: '???',
            data: ????,
        });     
    })

我认为数组可以是PHP或Jascript，在上面的例子中，带有url的数组都是在javascript中。

点击＆＃34;下一个＆＃34;只有iframe必须使用url的内容进行更新，而不刷新整个页面。

html和javascritp正在运行，但是当我点击下一步时，会更新页面。你如何使用Ajax和iframe更新？它应该是updateUrl.php文件吗？