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 ..