How to access Spring MVC model object in javascript file

Question

I am using spring 3 MVC and i have below classes   External system would call my application using below URL   http   somehost root param1 param2 param3   I have a spring MVC controller method as below   public ModelAndView showPage  PathVariable  param1   String paramOne   PathVariable  param2   String paramTwo   PathVariable  param3   String paramThree  HttpServletResponse response              SomeModel model   new SomeModel paramOne  paramTwo  paramThree          return new ModelAndView  SomeJsp    model   model            SomeModel java  public class SomeModel   private String paramOne   private String paramTwo   private String paramThree    constructor    setters and getters      SomeJsp jsp    In this Jsp i have a div with few elements  Div is not visible by default    This jsp has externalJavascript included    I enable div and set the data into div elements using jquery   lt script src   lt c url value   resources js extjs js    gt   type  text javascript  gt  lt  script gt    externalJs js    document  ready function            Here i need the model returned using ModelAndView   I can get data from model and set into div elements          In external java script file  is it possible to get the model content  If possible  how can i do that   Thanks

User · Answer

JavaScript is run on the client side   Your model does not exist on the client side  it only exists on the server side while you are rendering your  jsp   If you want data from the model to be available to client side code  ie  javascript   you will need to store it somewhere in the rendered page   For example  you can use your Jsp to write JavaScript assigning your model to JavaScript variables   Update   A simple example   lt  -- SomeJsp jsp --  gt   lt script gt var paramOne   lt c out value    paramOne    gt  lt  script gt

User · Answer

Another solution could be using in JSP    lt input type  hidden  id  jsonBom  value    jsonBom    gt    and getting the value in Javascript with jQuery    var jsonBom       jsonBom   val

User · Answer

You can t access java objects from JavaScript because there are no objects on client side  It only receives plain HTML page  hidden fields can help but it s not very good approach    I suggest you to use ajax and  ResponseBody

User · Answer

I recently faced the same need   So I tried Aurand s way but it seems the code is missing       So the code inside SomeJsp jsp  lt head gt  lt  head gt is    lt script gt    var model       model paramOne    model paramOne      model paramTwo    model paramTwo      model paramThree    model paramThree     lt  script gt    Note that you can t asssign using var model     model  as it will assign a java object reference   So to access this in external JS     document  ready function        alert model paramOne

User · Answer

in controller   JSONObject jsonobject new JSONObject    jsonobject put  error   Invalid username    response getWriter   write jsonobject toString       in javascript   f data  success       var errorMessage jQuery parseJson data     alert errorMessage error

User · Answer

RequestMapping   op      public ModelAndView method Map lt String  Object gt  model           model put  att    helloooo           return new ModelAndView  dom op           In your  js   lt script gt      var valVar       att      lt  script gt

User · Answer

This way works and with this structure you can create your own framework and do it with less boilerplate   Sorry if some error is present  I m writing this handly with my cellphone  Maven dependency    lt dependency gt       lt groupId gt com google code gson lt  groupId gt       lt artifactId gt gson lt  artifactId gt       lt version gt 1 7 1 lt  version gt   lt  dependency gt    Java   Person java  Person Object Class   Class Person        private String name       public String getName             return this name             public void setName String name            this name   name             PersonController java  Person Controller    RestController public class PersonController implements Controller         RequestMapping   person       public ModelAndView handleRequest HttpServletRequest arg0  HttpServletResponse arg1  throws Exception           Person person   new Person            person setName  Person s name            Gson gson   new Gson             ModelAndView modelAndView   new ModelAndView  person            modelAndView addObject  person   gson toJson person             return modelAndView            View   person jsp   lt html gt       lt head gt           lt title gt Person Example lt  title gt           lt script src  jquery-1 11 3 min js  gt  lt  script gt           lt script type  text javascript  src  personScript js  gt  lt  script gt       lt  head gt       lt body gt           lt h1 gt Person h1 gt           lt input type  hidden  id  person  value    person   gt            lt  body gt   lt  html gt    Javascript   personScript js  function parseJSON data        return window JSON  amp  amp  window JSON parse   window JSON parse  data      new Function  return     data            document  ready function         var personJson       person        person   parseJSON personJson val         alert person name

User · Answer

Here is an example of how i made a list object available for javascript   var listForJavascript        lt c forEach items    MyListFromJava   var  listItem  gt    var arr          arr push   lt c out value    listItem param1     gt       arr push   lt c out value    listItem param2     gt        listForJavascript push arr    lt  c forEach gt

[java] How to access Spring MVC model object in javascript file?

Examples related to java

Examples related to javascript

Examples related to jquery

Examples related to spring

Examples related to spring-mvc