js: 前端通過ajax方式獲取后台數據填充下拉列表

由於后端使用drf開發，后端只處理數據不渲染前端模版，所以不能使用下面傳統的方式去展示后台傳來的數據

期望實現的效果，在單擊【增加】按鈕時以ajax方式請求數據，並將數據填充到下拉列表

后台返回的數據：[{"project_name":"項目1","project_id":1},{"project_name":"項目2","project_id":2}]

// 填充下拉列表
    function addData() {
        $.ajax({
            type: 'GET',
            dataType: 'json',
            url: '/getdata',

            success: function (data) {
                alert(JSON.stringify(data))

                for (var i = 0; i < data.length; i++) {
                    var jsonObj = data[i];
                    $("#project_id").append("<option value='" + jsonObj.project_id + "'>" + jsonObj.project_name + "</option>");
                }
            },
            error: function (msg) {
                alert("數據加載出錯，請重試！");
            }
    }