javascript not show results on success

Question

I have this JavaScript code:

<script type="text/javascript">
  $(document).ready(function() {
      $(".deleteImage").on('click', function() {
          var idmess = $(this).data("id");
          var token = $(this).data("token");
          $.ajax({
              url: '{{ url('admin/deletemulti') }}/'+encodeURI(idmess),
              type: 'DELETE',
              dataType: "JSON",
              data: {
                  "id": idmess,
                  "_method": 'DELETE',
                  "_token": token,
              },
              success:function() {
                alert("it Work");
              }
          });
      });
  });
</script>

is working just fine (data is removing from my DB and I get 200 in network), except I cannot get my alert any idea why is that?

UPDATE

my network

my network response

Delete Function

function destroy(Request $request) {
    $image = Image::find($request->id);
    Storage::delete($image->name);
    $image->delete();
  }

how do you know it is working fine? – brk Mar 11 '18 at 06:06 — brk, Mar 11 '18 at 06:06
@brk because data is removing from my database – mafortis Mar 11 '18 at 06:07 — mafortis, Mar 11 '18 at 06:07
please check network tab from developers tool – brk Mar 11 '18 at 06:12 — brk, Mar 11 '18 at 06:12
@brk I get `200` in network – mafortis Mar 11 '18 at 06:13 — mafortis, Mar 11 '18 at 06:13

score 1 · Answer 1 · answered Mar 11 '18 at 06:14

You have used ajax with dataType : json
So you need to respond with a valid JSON as HttpResponse else it gets into a error event.

The response of your api call:

{{ url('admin/deletemulti') }}/'+encodeURI(idmess)

should be a valid JSON. Please check api response value and fix it, or share it so that we can help you update that.

In case the response is not a valid JSON, success function will never get triggered and hence alert is not getting executed.

More info :

Ajax request returns 200 OK, but an error event is fired instead of success

now what more info do you need? so i can share for you? – mafortis Mar 11 '18 at 06:21 — mafortis, Mar 11 '18 at 06:21

score 1 · Accepted Answer · answered Mar 11 '18 at 06:24

1

try passing an argument in your success function.

success:function(data) {
   alert("it Work");
}

answered Mar 11 '18 at 06:24

user9452884

275
1
4
13

can you show what are u getting in response in network section? – user9452884 Mar 11 '18 at 06:32
why is your response empty ? send something from backend – user9452884 Mar 11 '18 at 06:40
I shared my delete function, how i send something? – mafortis Mar 11 '18 at 06:42
1

return response()->json(['deleted' => $image], 200); – user9452884 Mar 11 '18 at 06:43

score 0 · Answer 3 · answered Mar 11 '18 at 06:14

When I'm making backend for myown use, and when I'm writing json, I usually put my json on success like session = true, or something like that, so later you can check like :

success: function(json) {
 if(json.session == true) {
   alert('something')
 }
}

Maybe it's not the best solution, but it's working perfectly for me.

javascript not show results on success

UPDATE

3 Answers3