（开发中的小问题）动态页面中json提交两次

在写一个小脚本统计流量的时候  使用的ajax实现的前后端交互，但是出现了点击提交，页面刷新两次，第二次表单是空的情况。

function sunmit(time, ip) {
    var time = $("#date").val();
    var utcSec = Date.parse(new Date(time))/1000 - 3600*8;  //转成utc秒 需要加上东8区的时间偏移
  var ip = $("#ds_host").val();
    var url = "/lctrafic/"
    $.ajax({
        type: "post",
        url: url,
        data:{"time":time, "ip": ip, "utcSec":utcSec},
        dataType:"json",
        success: function (data) {
           console.log(data)
            var inData = [];
            var outData = [];
            for(var i = 0; i < data.length; i++)
            {
                var inDa = [];
                var outDa = [];
                inDa.push(data[i].timeStamp * 1000);
                inDa.push(data[i].bpsIn);
                inData.push(inDa);
                outDa.push(data[i].timeStamp * 1000);
                outDa.push(data[i].bpsOut);
                outData.push(outDa)。。。。。。。。。。。。。。。。。。。

<button type="submit" class="col-sm-2 btn btn-default" οnclick="sunmit()">提交</button>

在button添加 return false；完美解决

<button type="submit" class="col-sm-2 btn btn-default" οnclick="sunmit();return false;">提交</button>