jQuery：从ajax调用中填充数据以选择

Question

外部API的

方法返回的数据如下：

[{"deviceName":"Srba","deviceId":"17d0d7a199b1"},{"deviceName":"357122388","deviceId":"2b4473f6e781"}...]

我在页面上称呼它

        $.ajax({
            type: 'GET',
            url: 'url',
            dataType: 'jsonp',
            success: function (selectValues, textStatus, jqXHR) {
                if (selectValues != null) {
                    $("#tablet").empty();
                    $("#tablet").append("<option value='0'>--Select--</option>");
                    $.each(selectValues, function (key, value) {
                        $('#tablet')
                            .append($("<option></option>")
                                .attr("value", key)
                                .text(value));
                    });
                }
            },
            error: function (jqXHR, ex) {
                console.log(jqXHR);
            }
        });

但是我收到一个错误，并且调用了回调函数error

我怎么理解，哪里出了问题以及为什么会发生？