// 的index.jsp
<html>
<head>
<title>JSP page</title>
<script="text/javascript">
$(function() {
// subscribe to the keydown event
$('#text1').keydown(function(e) {
// when a key is pressed check if its code was 9 (TAB)
if (e.which == 9) {
// if TAB was pressed send an AJAX request
// to the server passing it the currently
// entered value in the first textbox
$.ajax({
url: '/someservlet/',// i have created a servlet named as someservlet
type: 'POST',
data: { value: $(this).val() },
success: function(result) {
// when the AJAX succeeds update the value of the
// second textbox using the result returned by the server
// In this example we suppose that the servlet returns
// the following JSON: {"foo":"bar"}
$('#text2').val(result.foo);
}
});
}
});
});
</script>
</head>
<input type="text" id="text1" name="firsttextbox"/>
<input type="text" id="text2" name="secondtextbox"/>
<body>
// 执行post()someservlet
String dd = request.getParameter("firsttextbox");
String json = new Gson().toJson(options);
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(json);
我是否需要在head block中导入任何js文件?谁能告诉我哪里错了?编译时我得到了jsper ...错误。相同的代码在小提琴中工作:
在netbeans中编译时,我收到错误。
感谢任何帮助。
答案 0 :(得分:1)
你正在使用jquery函数,但你的html页面中没有jquery库, 在小提琴中,你可以在左框架中,在选择的框架菜单下导入它,
info:以下是不同的CDN
所以你可以通过<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
添加它
要么
在本地下载并将其链接到您的html页面