时间戳

首页 > 解决方案 > 在方法 GET 中使用 Promise 获取数据

javascript - 在方法 GET 中使用 Promise 获取数据

问题描述

我有下面的代码从 URL 中检索数据（示例）。我可以在 Chrome 中很好地检索数据，但在 Microsoft Edge 中，我不能。我怎样才能使这项工作适用于 Edge？ 

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Bootstrap Example</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <body>
    <div class="form-group">
         <div class="col-sm-4">
              <select id="dropdown" name="dropdown" class="form-control">
              </select>
         </div>
    </div>
<script >
    function requestData() {

        var promise = new Promise(function(resolve, reject) {
            let url = 'https://api.website.example';
            let req = new Request(url, {
                method: 'GET',
                headers: {
                    "my-api-key": "MyAPIkeyCode"
                }
            });

            //fetch JSON Data and write it into console
            fetch(req)
                .then(async r => resolve(await r.text()))
                .catch(e => console.error('error...' + e));

        });

        return promise;

    }

requestData()
    .then(function(response) {
        var strInnerHTML = "";
        $.each(JSON.parse(response), function(index, value) {
            strInnerHTML += '<option value="' + index + '">' + value + '</option>';
        });

        var firstIndex = '<option selected="true" disabled>Please Select</option>'

        document.getElementById('dropdown').innerHTML = firstIndex + strInnerHTML;


    })

</script>

    </body>
    </html>

标签： javascripthtmljqueryreactjs

解决方案

推荐阅读