CODEWITHSUNDEEP
javascriptjqueryajaxservlets
Tom
Tom

Reputation: 771

autocomplete error coming in jsp/ajax

//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>

//do 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);

Do i need to import any js file inside head block? Can anyone tell me where i am wrong? While compiling i am getting the jsper...error. Same code is working in fiddle:

http://jsfiddle.net/JLJ3f/

While compiling in netbeans, i am getting error.

Any help is appreciated.

Upvotes: 0

Views: 626

Answers (1)

run
run

Reputation: 1186

you are using jquery functions but you don have jquery library in your html page, in fiddle you can import it in your left frame, under chose framework menu,

info:following are the different CDN

so you can add it through <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> or download it locally and link it to your html page

Upvotes: 1

Related Questions