Question

我在我的网站上注入了一些代码（换句话说，http://localhost/FibReactHello/#的返回值）：

<div id="reactAppEntryPoint">
  <script src="http://localhost/FibReactHello/scripts/bundle.js"></script>
</div>

这个JS运行并转换为我的反应应用程序，正如我在Chrome和IE11中所期望的那样。在Firefox中，JS没有被执行。它只是坐在那里像日志上的凹凸。 JS应该生成一些HTML，为我提供任意网站内容。

这里是jQuery：

<div id="appEntrypt">
            <button onclick="alertMe(event);">Inject React into Boost</button>
        </div>

        <script>
            function alertMe(e) {//crappy named function
                //e.preventDefault();
                console.log('js works');
                var url = "http://localhost/FibReactHello/#";
                resetState();
                $.ajax({
                    url: url, success: function (result) {
                        $("#appEntrypt").html(result);
                        write(result);
                    },
                    async: true
                });
                /*
                $.get(url, function (data) {
                    $("#appEntrypt").html(data);
                    write(data);
                });*/
                return null;
            }

            function write(data) {
                console.log(data);
            };

            function resetState() {
                document.getElementById('appEntrypt').innerHTML = "";
            };
        </script>

Answer 1

我将Ajax调用更改为dataType＆＃39;脚本＆＃39;而不是＆＃39; html＆＃39;。还直接指向我的bundle.js文件。该脚本在Chrome和Firefox中执行。

        $.ajax({
                url: devUrl,
                success: function (result) {
                    console.log("successfully got script")
                },
                error: function (xhr, status, errorThrown) {
                    var output = "Error: " + errorThrown + ' status: ' + status + ' statusText: ' + xhr.statusText
                    console.log("failed to get script: " + output);
                },
                contentType: 'application/javascript',//IE
                dataType: 'script',
                cache: false,//required for IE
                crossDomain: true,//required for IE
            });

在IE中，这解决了抓取脚本的问题。但在我的情况下，我的bundle.js需要一个polyfill来学习IE如何运行jabbascrept：

'Symbol' is undefined in IE after using babel

在FireFox中执行注入的javascript

1 个答案: