javascript - 获取 fetch 在 Internet Explorer 11 中未定义？

Question

我遇到一个问题，下面的代码显示 Internet Explorer 11 中的 'fetch' 未定义。我使用的是最新的 jquery，即 jquery-3.3.1。 min.js 我什至尝试了 $.ajax 而不是 fetch 但那不起作用。谁能用下面的代码帮我解决这个问题。它甚至可以在 ie11 中运行。非常感谢!

这是我的代码:

"use strict";

$(function () {
    var myData = [];


    $.get("#{request.contextPath}/JobSearchItem.xhtml", function (data) {

        $("#searchTextField").autocomplete({
            minLength: 2,
            source: myData,
            select: function select(event, ui) {
                event.preventDefault();
                var url = '#{request.contextPath}/index.xhtml';
                var searchValue = ui.item.value;
                var data = new FormData();
                data.append('searchValue', searchValue);
                fetch(url, {
                    body: data,
                    method: "post"
                }).then(function (res) {
                    return res.text();
                }).then(function (text) {
                    $('#results').append($(text).find('#textTable'));
                    $('#results').append($(text).find('table'));
                    $('#results').append($(text).find('#bestTable'));
                    $("#clearone").show();
                });
            },
            response: function response(event, ui) {
                if (!ui.content.length) {
                    var message = { value: "", label: "NO SEARCH RESULT FOUND" };
                    ui.content.push(message);
                }
            }

        });


        $.each(data, function (k, v) {
            myData.push({
                id: v.id,
                label: v.label,
                value: v.id

            });
        });
    });


    $("#sJobClass").change(function () {
        var jobClassCd = $(this).val();
        if (jobClassCd !== 0) {
            var url = '#{request.contextPath}/index.xhtml';
            var searchValue = $('#sJobClass').val();
            var data = new FormData();
            data.append('searchValue', searchValue);
             fetch(url, {
                body: data,
                method: "post"
            }).then(function (res) {
                return res.text();
            }).then(function (text) {
                $('#results').append($(text).find('#textTable'));
                $('#results').append($(text).find('table'));
                $('#results').append($(text).find('#bestTable'));
                $("#clearone").show();
            });
        };
    });


});

Answer 1

尽管如果您已经在使用 jQuery，那么使用 jQuery 的内置请求函数(如 $.get)是有意义的，如果您想使用 fetch 而无需使用更改您的代码，一种选择是简单地包含用于fetch的polyfill:添加以下内容

<script src="https://cdn.polyfill.io/v2/polyfill.js?features=fetch"></script>

(或其他一些包含 Fetch 的 polyfill 脚本)到您的 HTML。