Spring Boot application with Jquery ajax

Question

i would have need some tips/help here. I have nearly 0 experience with jquery but i might need it.

in my controller i have this :

@RestController
public class mainController {

@RequestMapping(value = "/index", method = RequestMethod.GET)
public String index(Model model) throws IOException, GeneralSecurityException {
    DriveQuickstart drive = new DriveQuickstart("c:/temp/credentials.json");
    String res = drive.checkFile("cwg");

    return res;
}

for now, i succeeded to display the res in my view with jquery get. But i need to go further.

in my view (index.html), i need to pass the parameter with (jquery method?) a form and display the res.

like :

    @RequestMapping(value = "/index", method = RequestMethod.GET)
public String index(Model model) throws IOException, GeneralSecurityException {
    DriveQuickstart drive = new DriveQuickstart("c:/temp/credentials.json");
    String res = drive.checkFile("***HERE PARAMETER***");

    return res;
}

I probably needed a POST ans GET method. but i have no idea how to achieve that. How to pars parameters to a controller method via html.

thx very much

thats nice to put -1 and not answered at all thx very mutch ... — Raphael Obadia
– Raphael Obadia, Commented Jan 29, 2019 at 19:58

Arshad Ali · Accepted Answer · 2020-10-29 04:24:00Z

2

In this case, you need to modify your method as below

@RequestMapping(value = "/index", method = RequestMethod.GET)
public String index(@RequestParam String inputParameter) throws IOException, GeneralSecurityException {
    DriveQuickstart drive = new DriveQuickstart("c:/temp/credentials.json");
    String res = drive.checkFile(inputParameter);
    return res;
}

The section modified is Instead of Model model we used @RequestParam String inputParameter as an argument.

and from JQuery call this GET method and pass param as QueryString

Update: Your JQuery Method should similar to this:

$("input").keyup(function(){

  $.ajax({
    url: "/index",
    type: "get", //send it through get method
    data: { 
      inputParameter: value , // your get parameter(s)
      inputParameter2: value2, 
      inputParameter3: value3
    },
    success: function(response) {
      //Do Something on successful Ajax call
    },
    error: function(xhr) {
      //Do Something to handle error
  }
  });


});

refer to the below links:

edited Oct 29, 2020 at 4:24

Arshad Ali

3,28413 gold badges64 silver badges107 bronze badges

answered Jan 30, 2019 at 11:31

TheSprinter

1,54818 silver badges32 bronze badges

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

1 Comment

Raphael Obadia Over a year ago

Hello, i almost got it, but here i have done : i have : the get $.get("/index",{"query": que}, function .... and i catch up the parameter "que" with input val(). but here the issues, the get is trigged only once. how to trigged $.get again ? i tryed this but with no succes : $( "input" ) .keyup(function() { var value = $( this ).val(); $( "p" ).text( value ); }) .keyup();

Collectives™ on Stack Overflow

Spring Boot application with Jquery ajax

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related