jQuery Ajax Function

Question

I am trying to write a jQuery Ajax function, to reduce the amount of code in the page because the script is called a few times in the page. I can't seem to get it to work. Here is the code i have:

var loadURL = $(this).attr('href');
function load(){
$.ajax({
    url: loadURL,
    type: 'GET',
    cache: true,
    data: {
        delay: 4
    },
    success: function(data) {
        $('#load').html(data)
    }
    });
return false;}
$('#one').click(function(){ load(); });
$('#two').click(function(){ load(); });
$('#three').click(function(){ load(); });

<a href="one.php" id="one">Two</a>
<a href="two.php" id="two">Two</a>
<a href="three.php" id="three">Two</a>

can anyone guide me here please?

where do you have this line of code ??var loadURL = $(this).attr('href'); — kobe
– kobe, Commented Dec 18, 2010 at 6:21

kobe · Accepted Answer · 2010-12-18 06:46:39Z

2

i think the way you are getting href is wrong

function load(item){
var loadURL = $(item).attr('href');
$.ajax({
    url: loadURL,
    type: 'GET',
    cache: true,
    data: {
        delay: 4
    },
    success: function(data) {
        $('#load').html(data)
    }
    });
return false;}
$('#one').click(function()
{ 
load($(this)); 
return false; //you should mention return false here
});

edited Dec 18, 2010 at 6:46

answered Dec 18, 2010 at 6:23

kobe

15.9k15 gold badges67 silver badges93 bronze badges

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

7 Comments

mcbeav Over a year ago

this almost works for me. the information is injected into the container, but the function does not return false, and the page is still loaded. Thanks for all of the help. i really appreciate this.

kobe Over a year ago

@mcbeav , return false should definetly kill the default behavior of href , i am 100% sure

kobe Over a year ago

@mcbeav , see updated answer you should have return false in the click event....handler

mcbeav Over a year ago

I actually tried that, and for whatever reason, the function no longer works. Nothing happens when i click the link.

mcbeav Over a year ago

what if i changed the function to use .ajaxSetup()

|

Collectives™ on Stack Overflow

jQuery Ajax Function

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related