Need help converting AJAX code to jQuery

Question

Can someone please help me convert the code below to jQuery?

var xmlhttp;

            if (window.XMLHttpRequest)
            {
                // Code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            }
            else
            {
                // Code for IE5, IE6
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }

            xmlhttp.open("GET", "http://www.my.com", true);
            xmlhttp.setRequestHeader("MyHeader", "hello");
            xmlhttp.send();

            xmlhttp.onreadystatechange = function()
            {
                if (xmlhttp.readyState == 4)
                {
                    document.getElementById("responseText").innerHTML = xmlhttp.responseText;
                }   
            }
         }

What have you tried and what problems did you run into? Noone* is going to want to do your work for you. — asawyer
– asawyer, Commented Aug 22, 2012 at 17:03

Split Your Infinity · Accepted Answer · 2012-08-22 17:09:45Z

2

Simple example...

$.ajax({
  "type": "get", // optional
  "url": "http://www.my.com",
  "headers": { "MyHeader": "hello" },
  "success": function (data) {
    document.getElementById("responseText").innerHTML = data;
  }
});

See documentation for more options.

answered Aug 22, 2012 at 17:09

Split Your Infinity

4,2391 gold badge23 silver badges19 bronze badges

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

4 Comments

Joly Over a year ago

Hi, thanks for your help. The code works with Firefox and Chrome but not with IE 8. Any idea why?

Split Your Infinity Over a year ago

@Joly What is not working exactly? Do you get an error? You can try Fiddler fiddler2.com/fiddler2 to see what goes over the wire. Any clues would be useful. jQuery version?

Joly Over a year ago

jQuery version: 1.8.0. I just noticed something strange: If I use my code above then it works with IE8 and doesn't work with FF 14.0 and Chrome 21.0 due to same origin policy ("is not allowed by Access-Control-Allow-Origin" error). If I use your code then it doesn't work in IE or FF (no error is given) and not in Chrome where again I'm getting the same error as with my code: XMLHttpRequest cannot load http://.... Origin http://... is not allowed by Access-Control-Allow-Origin.

Joly Over a year ago

OK fixed by adding Access-Control-Allow-Origin: * on the other side

Ohgodwhy · Accepted Answer · 2012-08-22 17:06:29Z

1

$.ajax({
  type: 'GET', // get by default anyway
  url: 'http://www.my.com',
  contentType: 'your/header',
  success: function(data){
    $('#responseText').html(data);
  }
});

answered Aug 22, 2012 at 17:06

Ohgodwhy

50.8k11 gold badges86 silver badges114 bronze badges

Comments

hvgotcodes · Accepted Answer · 2012-08-22 17:05:34Z

0

Look at the API. Should be something like:

$.ajax({
  url: 'http://www.my.com',
  headers: {
     "key": "value"
  },
  onSuccess: function(data){
     $('#responseText').html(data);
});

answered Aug 22, 2012 at 17:05

hvgotcodes

121k33 gold badges209 silver badges237 bronze badges

Comments

John Smith · Accepted Answer · 2012-08-22 17:06:01Z

0

I'm sorry I'm not an AJAX expert, but it looks like you're trying to make a GET request and read a response. If so - you need to do following:

$.get('http://www.my.com/page.php?variable1=value1', function(data){
   $('#responseText').html(data);
})

Something like that.

answered Aug 22, 2012 at 17:06

John Smith

9211 gold badge12 silver badges17 bronze badges

Collectives™ on Stack Overflow

Need help converting AJAX code to jQuery

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related