jQuery按钮绑定Ajax请求后自动刷新页面

问题描述：新增按钮，点击发送Ajax请求，请求后自动刷新了页面
问题代码：

<button onclick="addPort()" id="newPortbtn">添加</button>

function addPort() {
    var newPort = $("#newPortSelect").val();
    var oldConf = $("#org").val();
    $.ajax({
        type: 'POST',
        url: ctx + 'adminPage/portconf/addPort',
        data: {
            newPort: newPort,
            oldConf: oldConf,
        },
        dataType: 'json',
        success: function (data) {
            console.log("data",data)
            debugger
            $("#nginxContent").val(data);
        },
        error: function () {

        }
    });
}

原因分析：

如果是用了button触发的ajax请求，将button的类型改为type=“button” 因为浏览器会认为button按钮默认类型是submit ，会提交数据从而导致整个页面刷新
在ie浏览器中按钮的type默认是button 在其他浏览器(如火狐，chrome)则是submit

解决办法：添加type="button"

<button onclick="addPort()" type="button" id="newPortbtn">添加</button>