关于表单中用ajax提交产生刷新问题的解决方案

如下代码所示：

<div class="container">
    <form action="">
        <button class="btn btn-success">发送请求</button>
    </form>
    <div class="div"></div>
</div>
<script type="text/javascript">
    $(function(){
        $('.btn').click(function(){
            $.ajax({
                url: "hello.php",
                type: 'POST',
                async: false,
                success: function(data) {
                    $('.div').html(data);
                }
            })
        })
    })
</script>

当我们的button标签位于form表单中时，按button提交会产生刷新行为，我的解决方案是：

    1、把button标签换成span等非表单标签；

    2、用event.preventDefault()阻止该button的默认提交刷新行为。




暂时只想到这两种方案。