jQuery ajax function not working

Question

$("a[rel=profile]").live('click',function() {
            var profileURL = $(this).attr('href')         
            $.ajax({
                url: profileURL,
                success: function(data) {
                    alert(data)
                    $("#profile").html(data);
                    $("#profile").fadeIn();
                  }
            });                                   
            return false;
        })

Can anyone tell me what is wrong with this code, when I click the link with rel=profile it fires the alert() with the remote URL content but doesn't load it into the div and then fadeIn()

Thanks in advance :)

That all depends on what data is expected to be. What are you getting back? — pixelbobby
– pixelbobby, Commented May 12, 2011 at 14:02
I'd probably use the load extension for this like pixelbobby has suggested but maybe you're just missing dataType: "html" from your ajax declaration. — Nicky Waites
– Nicky Waites, Commented May 12, 2011 at 14:10
Quick note (little off topic), the above code will throw an error in IE. This is because there needs to be a semicolon at the end. The reason it will still work in other browsers is because they have semicolon insertion and I believe that IE does not (including IE9). — Paramount
– Paramount, Commented May 12, 2011 at 14:10

pixelbobby · Accepted Answer · 2011-05-12 14:04:42Z

2

Why don't you just try something like this instead. See the API for the Load function. You can also pass it a callback so you can do something after the load is complete like so:

$("a[rel=profile]").live('click', function() {
    $('#profile').load( 
        $(this).attr('href'), 
        function(){ $('#profile').fadeIn();});

    return false;
});

answered May 12, 2011 at 14:04

pixelbobby

4,4305 gold badges33 silver badges50 bronze badges

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

5 Comments

Chris Dowdeswell Over a year ago

I was using load() originally but it was running very clunkily, it seemed to work fine using $.ajax...

Chris Dowdeswell Over a year ago

It actually seems to have fixed itself after a good refresh :) but this is the best answer of the bunch.

Nicky Waites Over a year ago

@Chris You might be interested in seeing this Load. Basically the load function is just a wrapper around a set of defaults on the $.ajax function.

pixelbobby Over a year ago

Glad I could be of assistance @Chris. Happy venturing w/ jQuery. It's a pretty gnarly ride :)

Chris Dowdeswell Over a year ago

Thanks @Nicky thats really interesting, seeing the behind code gives this some well needed perspective! and @Pixelbobby cheers for your help mate, have streamlined the code and have actually ended up using your load with callback now :)

Collectives™ on Stack Overflow

jQuery ajax function not working

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related