Question

我正在尝试使用xmlhttrequest对象加载jQuery

我有以下代码：

 loadDoc("https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js", myFunction1);

    function loadDoc(url, cFunction) {
      var xhttp;
      xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          cFunction(this);
        }
      };
      xhttp.open("GET", url, true);
      xhttp.send();
    }

    function myFunction1(xhttp) {
      // action goes here
      $(document).ready(function() {
        alert('test');    
    });

    }

我收到错误：

(index):62 Uncaught ReferenceError: $ is not defined
    at myFunction1 ((index):62)
    at XMLHttpRequest.xhttp.onreadystatechange ((index):53)
    at loadDoc ((index):57)
    at window.onload ((index):46)

出现这种情况的原因是什么？

我通常希望这样做，因为我无法使用，因为我在CRM表单中。

Answer 1

尝试在控制台上运行此脚本，您将看到您的代码没有问题。您的代码的问题在于您要在此行中使用Jquery的$符号

$（document）.ready（function（）{

但你并不是真的在页面上初始化Jquery库，所以javascript无法识别这个标志。

如果你想在页面中包含Jquery库，你应该在这个问题中使用它 - include jquery

使用XmlHttpRequest对象动态引用JQuery

1 个答案: