Why I'm not entering into sucess event of $.ajax request

Question

I'm new to this concept and working around with some basic examples to understand the asynchronous calls

   $(document).ready(function () {

            $('#btnLoadData').click(function () {

                $.ajax({

                    url: 'dummy.html',
                    dataType: 'html',

                    sucess: function (result) {
                        alert("into sucess");
                        $('#para').innerHtml = result;
                    },
                    error: function () {
                        alert("error while sending a request")
                    },
                    complete: function (obj,status) {
                        alert(status);
                    }
                });
            });
        });

In the above code my alert function in complete event is fired.But my success event is not fired .But in Firebug console i can see my html response got through this request ....If this is not correct then how can i access the html data returned through this request

This worked fine if I go with simple .load(url) function of Jquery

Thanks for the help,

Pranav C Balan · Accepted Answer · 2015-03-14T07:39:55.717

3

Because of simple typo in your code, there is nothing wrong in your code

success: function (result) {
    //-^--------------
    alert("into sucess");
    $('#para').innerHtml = result;
},

edited Mar 14 '15 at 07:39

answered Mar 13 '15 at 13:34

Pranav C Balan

113,687
23
165
188

can we make AJAX requests to html pages? I thought not :) – skip405 Mar 13 '15 at 13:36
so it's just an equivalent of `.load()` in this case, right? – skip405 Mar 13 '15 at 13:39
good to know, thanks ) get a +1 from me. I'd never have thought this way. Thought it's only for server-side languages – skip405 Mar 13 '15 at 13:45

score 1 · Answer 2 · edited Mar 13 '15 at 13:39

The spelling of success is wrong.

$(document).ready(function () {
        $('#btnLoadData').click(function () {

            $.ajax({

                url: 'dummy.html',
                dataType: 'html',

                success: function (result) {
                    alert("into sucess");
                    $('#para').innerHtml = result;
                },
                error: function () {
                    alert("error while sending a request")
                },
                complete: function (obj,status) {
                    alert(status);
                }
            });
        });
    });

It it made me laugh when i look at the answer...... – Ein2012 Mar 13 '15 at 14:30 — Ein2012, Mar 13 '15 at 14:30

Why I'm not entering into sucess event of $.ajax request

2 Answers2