Creating a json object in jsp and using it with JQuery

Question

I've created a JSP application, which gets results based on a user search (using lucene). I store the results in a Bean.

I'm also using Jquery Ajax to display the results.

$.ajax({
    url : "search.jsp",
    data : "search=test",
    success : function(html) {
        ("#search_results").hide().html(html).fadeIn(1500);
    }
});

search.jsp

for (int i = 0; i < size; i++) {
    out.println(searchResult.get(i).getHTML());
}

This is working fine, however I want to change it so it returns a JSON object to JQuery and then let JQuery parse the objects and display the results

I am not sure how to do this as I'm new to JSON objects and JSP. I could possibly do something like

JSONObject json = new JSONObject();
json.put("title", "TITLE_TEST");
json.put("link", "LINK_TEST");

but I dont know how to return json to jquery then let jquery parse the objects

Any help is appreciated :)

possible duplicate of Returning JSON response from Servlet to Javascript/JSP page — Rafay
– Rafay, Commented Jan 28, 2012 at 15:23

Piotr Czapla · Accepted Answer · 2014-08-11 12:26:17Z

11

Here's an example you may take a look at. Basically your JSP page might look like this:

<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="org.json.simple.JSONObject"%>
<%
    JSONObject json = new JSONObject();
    json.put("title", "TITLE_TEST");
    json.put("link", "LINK_TEST");
    out.print(json);
    out.flush();
%>

and on the client:

$.ajax({
    url : 'search.jsp',
    data : { search: 'test' },
    dataType: 'json',
    success : function(json) {
        alert(json.title);
    }
});

And here are even more examples.

edited Aug 11, 2014 at 12:26

Piotr Czapla

26.8k26 gold badges106 silver badges123 bronze badges

answered Jan 28, 2012 at 15:22

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Decrypter Over a year ago

worked great thanks, I had to put jQuery.parseJSON(json); in the success function though. Thanks :)

Darin Dimitrov Over a year ago

@Decrypter, set the Content-Type response header to application/json in your JSP page instead of text/html and you won't need to do that.

Jashwant · Accepted Answer · 2012-01-28 15:42:50Z

2

Ultimately its being trasnferred over http. So, creating a json object wont do much help.

I am not a java expert but you can create a simple string which matches with json structure and then parse it on client side.

Like

string s =  { "title": "testTitle", "link" : "testLink"}
out.println(s)

This will do the trick.

Edit: by seeing Darin's answer,

Include this on you java code,

<%@page contentType="application/json; charset=UTF-8"%>

edited Jan 28, 2012 at 15:42

answered Jan 28, 2012 at 15:24

Jashwant

29.2k16 gold badges76 silver badges110 bronze badges

Comments

nightmareTomek · Accepted Answer · 2015-05-20 17:37:07Z

1

This worked for me:

%>
String json = "{ \"title\": \"testTitle\", \"link\" : \"testLink\"}";
response.getWriter().write(json);
response.getWriter().flush();
response.getWriter().close();
<%

I used it to feed an easyui-datagrid. response.getWriter().write(json) worked, but out.println(json) did not though he didn't throw any exceptions. Also the inner quotes must be double as well, so it becomes necessary to mask them with `\".

answered May 20, 2015 at 17:37

nightmareTomek

111 bronze badge

Comments

Varun Ved · Accepted Answer · 2016-11-16 13:29:26Z

Pretty simple approach would be to use taglib - json something like this :

<%@ taglib prefix="json" uri="http://www.atg.com/taglibs/json" %>

Then you can use json tags to create it out of list:

<json:array items="${someObject.someList}" var="oneRow">
<json:object>
    <json:property name="username" value="${oneRow.username}"/>
    <json:property name="password" value="${oneRow.password}"/>
    <json:property name="email" value="${oneRow.email}"/>
</json:object>

Above jsp when executes will O/P following :

[
 {"username":"varun","password":"*****","email":"johndoe@sssdotcom"},
 {"username":"ved","password":"*****","email":"johndoe1@sssdotcom"},
 {"username":"von","password":"*****","email":"johndoe2@sssdotcom"}
]

Thats all folks!

Collectives™ on Stack Overflow

Creating a json object in jsp and using it with JQuery

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related