javascript - Ajax success function not triggered even though the request to the API is made succesfully why? -

-

i don't know why success function not triggered error function executed though when make post request api happens planned.

this js:

$("form").submit(function (env) {     env.preventdefault();     $("#submitbtn").prop('disabled', true);     $("#form_result").text("");     var request = json.stringify($("#newrequest-form").serializeobject());     console.log(request);     $.ajax({         method: "post",         url: "/api/holidays",         data: request,         contenttype: "application/json",         datatype: "json",         success: function () {             $("#form_result").text("submitted succesfully");             $(this).prop('display', 'hidden');         },         error: function (error) {             $("#form_result").text("error: creating request");             $("#submitbtn").prop('disabled', false);         }     }); });

the form:

<div class="formcontainer">     <div class="container-fluid">         <div class="row">             <div class="col-md-6 col-sm-6 col-xs-12">                 <form class="form-horizontal" id="newrequest-form">                     <div class="form-group ">                         <label class="control-label " for="reason">                             reason                         </label>                         <textarea class="form-control" cols="40" id="reason" name="reason" rows="10"                                   required=""></textarea>                     </div>                     <div class="form-group ">                         <label class="control-label " for="holidaytype">                             holiday type                         </label>                         <select class="select form-control" id="holidaytype" name="holidaytype">                             <option value="medical">                                 medical                             </option>                             <option value="rest holiday">                                 rest holiday                             </option>                             <option value="other">                                 other                             </option>                         </select>                     </div>                     <div class="form-group ">                         <label class="control-label " for="startdate">                             start date                         </label>                         <input class="form-control" id="startdate" name="startdate" placeholder="dd/mm/yyyy"                                type="text" required=""/>                     </div>                     <div class="form-group ">                         <label class="control-label " for="enddate">                             end date                         </label>                         <input class="form-control" id="enddate" name="enddate" placeholder="dd/mm/yyyy" type="text"                                required=""/>                     </div>                     <div class="form-group">                         <div class="col-sm-10 col-sm-offset-2">                             <button class="btn btn-success btn-lg" id="submitbtn">                                 submit request                             </button>                         </div>                     </div>                     <div class="form-group">                         <div class="col-sm-10 col-sm-offset-2">                             <div id="form_result"></div>                         </div>                     </div>                 </form>             </div>         </div>     </div> </div>

and api:

@restcontroller public class addholidayrequestcontroller {      @autowired     private addholidayservice addholidayservice;      @autowired     private holidayrepository holidayrepository;      @responsebody     @requestmapping(value = "/api/holidays", method = requestmethod.post)     public responseentity addholidayrequest(@requestbody holidayformdata holidayformdata) {         holidayrequest holidayrequest = new holidayrequest();          try {             holidayrequest = addholidayservice.isvalid(holidayformdata);         } catch (usernotfoundexception e) {             system.err.println(e.getmessage());         }         if (holidayrequest == null)             return new responseentity(httpstatus.bad_request);          holidayrepository.save(holidayrequest);          return new responseentity(httpstatus.created);     } }

whenever make post request rest controller "error creating request" message error function, why ?

by looking code, seems me below line of code causing issue,

       $(this).prop('display', 'hidden');

inside success, $(this) wont refers current element can save reference of $(this) outside , can call use below

. . var $this = $(this); $.ajax({         method: "post",         url: "/api/holidays",         data: request,         contenttype: "application/json",         datatype: "json",         success: function () {             $("#form_result").text("submitted succesfully");             $this.prop('display', 'hidden');         },         error: function (error) {             $("#form_result").text("error: creating request");             $("#submitbtn").prop('disabled', false);         }     });

let me know if still not working...


Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc
Read more