Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery document.ready不启动,没有jQuery工作_Javascript_Jquery_Html_Ajax - Fatal编程技术网

Javascript jQuery document.ready不启动,没有jQuery工作

Javascript jQuery document.ready不启动,没有jQuery工作,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我在这里研究了一些其他类似的问题,并尝试了以下方法: 将所有$更改为jQuery 确保我使用了正确的src 使用jQuery.noConflict 我试图从一个工作正常的SQLite3数据库访问html文件中的数据 <script src="jquery-3.3.1.min.js" type="text/javascript"></script> <script type="text/javascript"> jQuery.noConflict(); jQu

我在这里研究了一些其他类似的问题,并尝试了以下方法:

将所有$更改为jQuery 确保我使用了正确的src 使用jQuery.noConflict 我试图从一个工作正常的SQLite3数据库访问html文件中的数据

<script src="jquery-3.3.1.min.js" type="text/javascript"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(){console.log("HELLO");}
</script>
我没有得到控制台消息,无论我把它放在哪里!我的jQuery似乎都不起作用

下面是我尝试访问数据的地方:

<div class="panel-body">
  The website you're most active on:
  <select onchange="dropdown(this)">
  <option value='PastHour'>Past Hour</option>
  <option value='Past2Hours'>Past 2 Hours</option>
  <option value='PastDay'>Past 24 Hours</option>
</select><br><br>


<script type="text/javascript">

 if()
  <b>Most Frequently Visited:</b><div id="most-freq"></div>
  <b>Second Most Frequently Visited:</b><div id="most-freq-2"></div>

</div>

function dropdown(that) {

  const requestURL = 'data/' + that.value;
  jQuery.ajax ({
    url: requestURL,
    type: 'GET',
    dataType: 'json',
    success: (data) => {
    console.log('data:', data);
    console.log(data.Most);
    console.log(data.SecMost);
    jQuery('#most-freq').html(data.Most);
    jQuery('#most-freq-2').html(data.SecMost);
}

})

}
</script>
我可以访问localhost/data并获取我想要查看的数据,因此我相信我的.js文件中的app.get函数是可以的

除了数据没有显示或打印到控制台之外,我还收到一条错误消息,即下拉列表没有定义。我想这是因为范围,我怎么能改变它

您的代码应该是:

jQuery(document).ready(function () {console.log("HELLO");});
而不是:

jQuery(document).ready(){console.log("HELLO");}
它不会抛出任何错误日志,因为没有错误。 使用正确的压痕,很容易看出区别:

正确的行为:

错误行为:


jQuery不用于调试目的。您可以在发生某些事情时实例化控制台

$('#buttonTest').click(function() {
  console.log('you click on buttonTest');
  // do something
});
由于某些原因,控制台对象可能不可用。然后您可以检查它是否是-这很有用,因为在部署到生产环境时不必删除调试代码:

if (window.console && window.console.log) {
  // console is available
}
我建议将val与此方法结合使用:

<select id="mySelect" onchange="myFunction($(this).val());">
<option value="testVaue">Ford F150<option>
</select>
function myfunction(mySelect){alert("my val from select: "+mySelect );}
你的代码 功能是必需的。它指定加载文档后要运行的函数

jQuery(document).ready(){console.log("HELLO");}
如果您仍有问题,请尝试以下方法:

参考:代码来自


来自jQueryReady的文档

当DOM完全加载时,JQuery有三种执行javascript代码的方法。这些是:

$handler $document.ready处理程序 $document.readyhandler 例如:

$function{ 做点什么。。。 };

$document.readyfunction{ 做点什么。。。。
};

是否在HTML视图中导入外部javascript文件?jQuerydocument.ready{console.logHELLO;}错误1 jQuery的路径正确吗?检查web开发工具以确保它正在加载2您是否尝试使用jQuery的$indicator而不是jQuery。语法?
<select id="mySelect" onchange="myFunction($(this).val());">
<option value="testVaue">Ford F150<option>
</select>
function myfunction(mySelect){alert("my val from select: "+mySelect );}
jQuery(document).ready(){console.log("HELLO");}
$( document ).ready(function() {
    console.log( "ready!" );
});