Javascript 在html下拉框中显示observableArray内容

有人能帮忙吗。。。我想用数据库中的数据填充html页面上的下拉框，但我一直遇到以下错误：

请求的资源上不存在“Access Control Allow Origin”标头。因此，不允许访问源“null”

但当我用chrome检查元素时，数组中充满了数据，但我的下拉框没有填充。。。。。这是我的剧本：

$(document).ready(function() {

    function supplier(data) {
        var self = this;

        self.id = ko.observable(data.supplierNo);
        self.name = ko.observable(data.name);

    }

    function supplierViewModel() {

        var self = this;

        self.suppliers = ko.observableArray([]);        

        $.ajax({
            type: "GET",
            url: "http://localhost:8080/SupplyChainMan/rest/Suppliers/getSuppliers",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(data) {

                var mappedData= $.map(allData, function(data) { return new supplier(data) });

                self.suppliers(mappedData);
                console.log(self.suppliers());

            },
            error: function() {
                alert("Failed to load Supplier");
            }
        });     
    }
        ko.applyBindings(new supplierViewModel());

    });

。。。。。。我的html很简单，如下所示：

 <table>
    <tr>
        <th>
            Supplier Name
        </th>
        <td>
            <select data-bind='options: suppliers, optionsText: "name"'></select>
        </td>
    </tr>

</table>

---

请下次使用搜索功能。。。变量allData未定义。改用数据