html中加载js文件报错：ReferenceError: $ is not defined

来源：互联网发布：淘宝卖家如何备注订单编辑：程序博客网时间：2024/05/24 07:27

html 中加载js文件报错：ReferenceError: $ is not defined

1. html 文件，如果在.js 文件中使用了jquery的语法，必须要引入jquery库（红色字体标志：是自己本地工程的jquery引入包的路径）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Air Hello World !</title>
</head>
<body>
   <div>
       <form>
           searchURL: <input id="searchURL" type="text"><br>
           pidString: <input id="pidString" type="text"><br>
           searchReqParams：<input id="searchReqParams" type="text"><br>
           <input id = "save_button" type="button" value="Submit">
       </form>
   </div>

   <div id="operation-result"></div>

   
   <script src="../bower_components/jquery/dist/jquery.min.js"></script>
   
   <script type="text/javascript" src="../js/helloworld.js"></script>
</body>

</html>

2. js文件 helloworld.js

$(document).ready(function () {

   //初始化页面元素
//   alert("dddd");


});

$("#save_button").on("click", function () {
   //获取前段数据
   searchURL = $("#searchURL").val();
   pidString = $("#pidString").val();
   searchReqParams = $("#searchReqParams").val();

   var jsonMapString = {};
   jsonMapString['searchURL'] = searchURL;
   jsonMapString['pidString'] = pidString;
   jsonMapString['searchReqParams'] = searchReqParams;

0 0