JQuery AJAX HTML response in error function

Question

var id = 45;        
$.ajax({
            url :'url', // This URL response some HTML content
            type: 'POST',
            dataType: 'json',
            data :{ID:id},
            success:function(data)
            {
                console.log(data); // No Response here
            },
            error : function (error){
                console.log(error); // error.responseText contain html content
            }
        });

I render HTML content by JQuery AJAX. The HTML response comes from error function instead of success function. is any mistake from my side?

if you are returning html from server then instead of dataType: 'json' use dataType: 'html' — Kartikeya Khosla
– Kartikeya Khosla, Commented Feb 25, 2015 at 11:43

Frebin Francis · Accepted Answer · 2015-02-25 11:45:41Z

5

Use html instead of json for datatype

The datatype property specifies the type of data that you're expecting back from the server

$.ajax({
                url :'url', // This URL response some HTML content
                type: 'POST',
                dataType: 'html',
                data :{ID:id},
                success:function(data)
                {
                    console.log(data); // No Response here
                },
                error : function (error){
                    console.log(error); // error.responseText contain html content
                }
            });

See the Jquery Api for more details

Hope this helps.

answered Feb 25, 2015 at 11:45

Frebin Francis

1,9151 gold badge12 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Frebin Francis Over a year ago

i don't get your question ?

Zakaria Wahabi Over a year ago

i think Ramesh Murugesan know already that the result is an HTML content :)

Ramesh Murugesan Over a year ago

@FrebinFrancis Thanks mate.. It works :) dataType should be in html.

Collectives™ on Stack Overflow

JQuery AJAX HTML response in error function

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related