jQuery ajax对php的请求将不会执行？

Question

我需要将MySQL中的项目加载到select元素。所以我写了一个ajax代码和一个php代码。问题是任何php代码均未执行。也没有错误。 （网址正确）。 请帮我。 这是jQuery代码

<div id="tag-wrapper">
        <label for="">Tag (max 3)</label>
        <button id="add_tag">Add Tag</button>
        {{-- <div id="add_tag">Add Tag</div> --}}

        <select name="tags[]" id="tag_select">
            <option value="0">Nothing</option>
            @foreach ($tags as $tag)
                <option value="{{$tag->id}}">{{$tag->name}}</option>
            @endforeach
        </select>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            var counter = 0;
            $(document).ready(function(){
                $("#add_tag").click(function(e){
                    e.preventDefault();
                    counter++;
                    if(counter < 3){
                        $("#tag_select").clone().appendTo('#tag_wrapper');
                    }
                });
            });
        </script>
    </div>

这是完整的php代码

$('#loadButton').click(function () {
console.log("clicked"); //this prints
$.ajax({
    url: "api/service/RoomTypeService.php",
    method: "POST",
    async: true,
    data: "&operation=getAll",
    dataType: "json"
}).done(function (resp) {
    alert(resp);
    console.log(resp);
    for (let i = 0; i < resp.length; i++) {
        alert(resp); //this won't run
        let roomType = resp[i];
        $('#roomTypeCombo').append('<option>' + roomType[1] + '</option>');
    }
});
});