How to use Ajax with JSP

Question

I'm trying to use Ajax instead of the usual form post.

But what's the URL?? Should be my Java file, right? But I dont think I have access to the java files that's why I used the servlet mapping

url: 'ManageClients' DOESN´T WORK

Ajax

    $('#saveBtn').click(function() {
    $.ajax({
        type:'POST',
        url: '?????' ,
        success: function (result) {
            console.log(result);
        }
    });

ManageClients.java

public class ManageClients extends HttpServlet{

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    bla bla bla

   }

Web.xml

    <servlet>
    <servlet-name>Clients</servlet-name>
    <servlet-class>com.atp.servlets.Controller.ManageClients</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>Clients</servlet-name>
    <url-pattern>/Clients</url-pattern>
</servlet-mapping>

It redirects to ManageClients but all data is null. **Do I have to pass the data in the javascript?** — , Oct 17 '17 at 09:36
Look at this answer https://stackoverflow.com/questions/22785447/http-post-from-javascript-to-java-servlet — Oleh Linnyk, Oct 17 '17 at 09:39
You can add data like: `url: 'Clients', data:{name:'value'},` — Thành Kim Nguyễn, Oct 17 '17 at 09:39
but why do I need to pass the data? Can't I just gather the data `onPost` using HttpSession?? — , Oct 17 '17 at 09:42
I suggest to you to use Spring MVC but if you can't the right answer is https://stackoverflow.com/questions/22785447/http-post-from-javascript-to-java-servlet — Skykaza, Oct 17 '17 at 10:22

score 0 · Answer 1 · answered Oct 17 '17 at 10:40

Use url: 'Clients'

And use 'Data' parameter to send data for the ajax call. You could use '.serialize()' from jQuery to serialize your form and sent it as data.

$('#saveBtn').click(function() {
$.ajax({
    type:'POST',
    url: 'Clients',
    data: $("#myForm").serialize();
    success: function (result) {
        console.log(result);
    }
});

https://api.jquery.com/serialize/

Lee · Answer 2 · 2017-10-17T11:54:57.167

URL Specifies which the request is sent to server side(Java Spring,ASP.net and etc) for database interaction or applying business logic and then return the result back to view page like your jsp. for more details about ajax calling and methods refer here

$.ajax({
            type  : "POST",
            url   : "url_name", //that define in your javacode
            data  : {  Data to be sent to the server. It is converted to a query string, if not already a string                        
                   },      

            error : function(){
                        //error messoge log will displayed here
                    },          
    });

How to use Ajax with JSP

2 Answers2