Question

This code works; only, not with IE7. I read that I could get it to work in IE7 if I include callback=? to force JSONP, but it still isn’t working.

Any tips, suggestions, noticeable errors?

<div id="twitter">
</div>
<script>
$(function(){
   $.ajaxSetup({ 
      cache: true,
      crossDomain: true,
   });
   $.getJSON('http://api.twitter.com/1/statuses/user_timeline.json?callback=?&screen_name=bozdoz', function(data) {
      $.each(data, function(i, tweet) {
      $('#twitter').append('<li>'+tweet.text+'</li>');
      });
   });
});
</script>

—

UPDATE

This is the code I should have been using. This was compiled after scouring StackOverflow for hours. Works great in IE7. Thanks everyone.

$.ajax({
  url: 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name=bozdoz',
  dataType: 'jsonp',
  cache: false,
  crossDomain: true,
  contentType: "application/json",
  success: function(data){
 $.each(data, function(i){
 $('#twitter').append('<p>'+this.text+'</p>');
 if(i==2) return false;
 });
},
  error: function(jqXHR, textStatus, errorThrown){
 $('#twitter').append('<p>'+jqXHR+" "+textStatus+" "+errorThrown+'</p>');
}
 });

Answer 1

try setting the contentType

$.ajaxSetup({
  cache: true,
  crossDomain: true,
  scriptCharset: "utf-8" ,
  contentType: "application/json; charset=utf-8"
 });

P.S the json returned by the api is not validated as valid json by jsonlint

also always append the &callback=? to the end of the URL