Converting xmlhttp javascript to jquery

Question

My problem is that my code is really long and complicated, because it's normal xmlhttp and I want to switch it over to jQuery. I'm pretty sure there's shorthand functions for it? This is my current code:

function getContent() {
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {

            replace_page = xmlhttp.responseText;
            doc.getElementById("content").innerHTML = replace_page;

            $("#content").children().hide();
            $("#content").children().fadeIn("slow");

            //do some other stuff
        }
        navigating = false;
    };
    xmlhttp.open("GET",site_location+"/pages/"+page+".php",true);
    xmlhttp.send();
}

I found this example, and this works perfectly, but I'm also going to have to use this for forms...

Is there a simple way I can change it? I know it'll probably involve the serialising function, right?

Arun P Johny · Accepted Answer · 2013-10-03 02:25:25Z

2

look at $.ajax();

$.ajax({
    type: 'GET',
    url: site_location+"/pages/"+page+".php",
}).done(function(html){
    $('#content').html(html).children().hide().fadeIn("slow");
})

or better using load() since the objective is to load a html content to a target element

$('#content').load(site_location+"/pages/"+page+".php", function(){
    $(this).children().hide().fadeIn("slow");
})

answered Oct 3, 2013 at 2:25

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

8 Comments

Chiri Vulpes Over a year ago

Yeah, that's what I have in the example link. How would I make it work for forms tho?

Chiri Vulpes Over a year ago

Ooh! Load is better! I would have made that mistake. By doing the ajax, I could have the option of doing form content too, tho, right?

Arun P Johny Over a year ago

@Aarilight sorry, what do you mean by I could have the option of doing form content too, tho, right?

Chiri Vulpes Over a year ago

Like, how do I use this for submitting a form and getting the response?

Arun P Johny Over a year ago

@Aarilight like

$.ajax({     type: 'POST',     url: 'target-url',     data: $('form').serialize() }).done(function (data) {     //do something with data })

|

Collectives™ on Stack Overflow

Converting xmlhttp javascript to jquery

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related