问题描述
浏览器访问 <head> 中有 JavaScript 代码的 JSP 文件:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>$Title$</title>
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"/>
<script type="text/javascript">
// 页面加载事件的简写方式
$(function(){
$("#btnJson1").click(function (){
$.ajax({
url:"${pageContext.request.contextPath}/json/request01",
method:"post",
data:"Zoe",
contentType:"application/json",
// post 方法的默认 contentType 为：applicatin/x-www-form-urlencoded，即以 form 内容类型提交
// applicatin/x-www-form-urlencoded 传参方式："name=zhangsan&id=1"
dataType:"json",
success:function(user){
alert(user.name);
}
});
});
})
</script>
</head>
<body>
<input type="button" value="发送单个参数的 json 数据" id="btnJson1"/><p/>
</body>
</html>
浏览器页面出现 <body> 中的按钮，点击却没反应，无法进入 JavaScript 代码。
原因分析
这句语法错误，<script> 标签是非自闭合标签，必须有开始标签和结束标签，否则浏览器解析不出来。
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"/>
解决方案
修改为：
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
再进行测试，点击按钮后可正常执行 JavaScript 代码。
标签：浏览器,标签,代码,JavaScript,json,JSP From： https://www.cnblogs.com/SergioEchigo/p/17038877.html