jQuery Ajax函数

Question

我正在尝试编写一个jQuery Ajax函数，以减少页面中的代码量，因为该脚本在页面中被调用了几次。我似乎无法得到它的工作。这里是我有的代码：

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> 

任何人都可以在这里指导我吗？

Answer 1

我觉得你得到的href的方式是错误的

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 
}); 

Answer 2

值得注意的是，你可以define your own jQuery functions if you wish ..