jQuery .load函数拒绝工作

时间:2016-10-08 23:04:37

标签: javascript jquery ajax localhost

背景:使用Linux(Fedora 22),在localhost上运行apache服务器。 jquery.min.js(3.1.0)位于顶层的js /子目录中,从Internet复制。其他jQuery函数似乎工作得很好 示例显示自 jQuery in action,第三版,第267页(将内容加载到元素中) 我正在尝试将文件中的内容(文本)插入<div>元素,因为这是我在其他地方使用下拉菜单工作的功能。但是,作为jQuery的NOOB,我试图让简单的事情先工作。这个特殊的问题令我难过。两个不同的加载函数执行相同的操作,第一个工作(使用Ajax XHR),第二个(使用jQuery)拒绝。以下是整个机构列表:

<body>
  <div id="elem"></div>
  <hr width="40%">
  <div id="contain"></div>
  <script>
     var xhr;
     if (window.ActiveXObject) {
        xhr = new ActiveXObject('Microsoft.XMLHTTP');
     } else if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
     } else {
        throw new Error('Ajax is not supported by this browser');
     }

     xhr.onreadystatechange = function() {
        if (this.readyState === 4) {
           if (this.status >= 200 && this.status < 300) {
              document.getElementById('elem').innerHTML = this.responseText;
           }
        }
     };

     xhr.open('GET', 'some-resource');
     xhr.send();
  </script>
  <script type="text/javascript" src="//localhost/js/jquery.min.js">
     jQuery("#contain").load('some-resource');
  </script>
</body>

我已将两种方法放在同一个&#34;脚本&#34;容器;而在这里,不同的容器。两者都没有区别。脚本在最后,所以&#34; div&#34;元素存在。
控制台消息如下:

GET https://localhost/...listing.10.3.html [HTTP/1.1 304 Not Modified 15ms]
GET https://localhost/js/jquery.min.js [HTTP/1.1 200 OK 0ms]
XHR https://localhost/...some-resource [HTTP/1.1 304 Not Modified 0ms]

那么,是否有一些jQuery功能我缺少一个&#34; localhost&#34;设置,还是有一些我遗漏的愚蠢的东西,一个点或逗号?我没有在托管服务器上试过这个,因为我希望在那个阶段之前进行测试。任何见解都将非常受欢迎 编辑:这在另一个练习,工作正常。将不得不破译它以看到真正的区别:

  

$(&#39;#引导选择器控制&#39;)         .load(&#39;动作/读取启动式,options.php&#39;)         .change(function(event){            $(&#39;#产品细节窗格&#39)。负载(              &#39;动作/取回产品details.php&#39 ;,          {             model:$(event.target).val()          },          function(){            $(&#39; [value =&#34;&#34;]&#39;,event.target).remove();          }        );      });

将jquery加载到头部,并且分别位于相关线的上方。两者都没有区别。

0 个答案:

没有答案