Question

I have following code

$.ajax({ type: 'POST',
                url: 'index.jsp',
                data: 'id=111',
                dataType: 'jsonp',
                success:  function(data) {
            alert(data.result);
                },
                error: function( err1, err2, err3 )
        {
              alert('Error:' + err3 )
        }
            });

I am returning response as callback parameter generated with argument of json . like this

jQuery16105097715278461496_1314674056493({"result" : "success"})

This works absolutely fine in FF . In IE 9 it goes to error function and shows

"Error: jQuery16105097715278461496_1314674056493 was not called" . 

when I see F12 . I see a warning which says .

SEC7112: Script from http://otherdomain.com
index.jsp?callback=jQuery16105097715278461496_1314674056493
&eid=111&_=1314674056493 
was blocked due to mime type mismatch 

Answer 1

try adding a contentType

$.ajax({
     type: 'POST',
     url: 'index.jsp',
     data: {id:'111'},
     contentType: "application/json; charset=utf-8",
     dataType: 'jsonp',
     success:  function(data) {
       alert(data.result);
     },
     error: function( err1, err2, err3 )
     {
       alert('Error:' + err3.status );
       alert(err1.responseText);
        }
 });

here is a good article http://msdn.microsoft.com/en-us/library/gg622941%28v=vs.85%29.aspx