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>
<!-- jQuery -->
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<!-- 页面操作的js -->
<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;