jquery遇到的坑

最新推荐文章于 2022-05-04 21:13:32 发布

健康平安的活着

最新推荐文章于 2022-05-04 21:13:32 发布

阅读量190

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/u011066470/article/details/118879056

版权

jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一 jquery遇到的坑

1.1 问题描述

1.文件的写法：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type="text/javascript" src="js/jquery-2.1.0.js"/>
  <script type="text/javascript">
    $(document).ready(function() {
		alert(22);
    $("#btn").click(function(){
  $.get("http://localhost:8081/sgg/say",function(data){
  console.log(data);
  })
  });

    });


  </script>
 </head>
 <body>
  <a href="http://localhost:8081/sgg/say">查看</a>
  <input type="button" id="btn" value="调用后台"></input>
 </body>
</html>

执行：不报错，也不执行alert语句。

1.2 问题原因

原因在于，引用js文件的库文件的标签必须是成对出现，不能简写

1.3 修改后再次执行

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
		alert(22);
    $("#btn").click(function(){
  $.get("http://localhost:8081/sgg/say",function(data){
  console.log(data);
  })
  });

    });


  </script>
 </head>
 <body>
  <a href="http://localhost:8081/sgg/say">查看</a>
  <input type="button" id="btn" value="调用后台"></input>
 </body>
</html>

执行：可以看到alert语句执行了，麻蛋，害我折腾了半天！！！！

健康平安的活着

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
jquery遇到的坑

一 jquery遇到的坑1.1 问题描述1.文件的写法：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""&g
复制链接

扫一扫