calling a REST service from jquery

Question

I have created a REST service at "/post/search/{id}" and when I call this URL from my jquery code sometimes it gets called sometimes not. What is the exact problem in it. Is it regarding jquery or my code. My jquery code is as follows:

    function functionname(clicked_id) {
     $('#idForm').submit(
            function(e) {
        $.ajax({
        type : 'POST',
        url : "${pageContext.request.contextPath}/post/search/"+ clicked_id,success : function(data) {

                }
            });
        });
}

My button code is :

<input type="submit" value="Express Intrest" id="abc" onclick=functionname(this.id) />

Answer 1

try like this.

function yourFunc() {


    $.ajax({
        type : 'POST',
        url : 'yourcontroller/action',
        contentType : "application/json; charset=utf-8",
        dataType : 'json',
        data : param,
        async : false,
        cache: false,
        success : function(dataList) {
            //alert("dataList ---> "+dataList); 



        },

        error : function(XMLHttpRequest, textStatus, errorThrown) {
            //alert(XMLHttpRequest + " - " + errorThrown);
        }
    });


}

pass parameter values in param like this :-

var param;      
    param={param1:"val",param2:"val", param3:"val"};

Answer 2

change your button type from submit to button.

Because when you click on button your page start submitting.so the ajax function is sometime completed not completed before page.

   <input type="button" value="Express Intrest" id="abc" onclick=functionname(this.id) />