jsp / ajax中出现自动填充错误

时间:2012-02-06 10:14:23

标签: javascript jquery ajax servlets

// 的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 ...错误。相同的代码在小提琴中工作:

http://jsfiddle.net/JLJ3f/

在netbeans中编译时,我收到错误。

感谢任何帮助。

1 个答案:

答案 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页面