創建一個啓動PHP代碼的jQuery事件處理程序

我想要做的是創建一些jQuery代碼，它將啓動一些PHP代碼並在點擊圖像時重新加載頁面。我已經創建了下面的代碼，但是對於啓動PHP代碼需要jQuery中的哪種類型的事件處理程序感到困惑。我懷疑這是邊界線AJAX，除了這是同步的。這是下面的代碼。創建一個啓動PHP代碼的jQuery事件處理程序

<script src="http://code.jquery.com/jquery-latest.js"></script> 

<style> 

img:hover { border:1px solid #021a40; margin: 1px; padding: 1px; color: #000000; 

cursor:pointer;}; 

</style> 

<script> 

$(document).ready(function(){ 

$('img').on('click',"img",function(){ 

$(this).slideUp(); 

What do I put here????? 

}); 

}); 

</script> 

<img src="image.gif" width="50" height="50" />

來源

2012-07-19 jason328

爲什麼這必須是jQuery/JavaScript？你不能直接使用PHP文件的鏈接嗎？ – ahren 2012-07-19 22:36:28

你想運行的親愛的PHP代碼是什麼？ – Ibu 2012-07-19 22:38:34

我希望.slideUP（）函數在單擊圖像時工作。我的恐懼是，如果我創建一個直接鏈接到PHP文件，然後從jQuery的效果將不會被看到。 – jason328 2012-07-19 22:39:48

由於沒有AJAX嘗試：

$(document).ready(function() 
{ 
    $('img').on('click',"img",function() 
    { 
     $(this).slideUp('slow',function() 
     { 
      window.location = "url/to/phpfile.php?data="+yourdata 
     }); 
    }); 
});

然後在PHP文件，做你的更新和輸出或重定向到另一個頁面。

關於上面的註釋，slideUp()的第二個參數是動畫完成後的回調函數，因此您應該在頁面轉換前獲得視覺反饋。

來源

2012-07-19 23:01:09 peacemaker

這是我認爲你可以做的。

$(document).ready(function(){ 
    $('img').on('click',"img",function(){ 
    $(this).slideUp('slow',function() { 
     $.ajax({/* your ajax call here will run when the sliding is done */}) 
    }); 
    }); 
});

來源

2012-07-19 22:43:45 Ibu

有一個問題，我無法運行AJAX。我正在XAMPP上測試所有這些，所以AJAX不存在問題。我很確定將用戶重定向到另一個頁面。感謝您的幫助。 – jason328 2012-07-19 22:48:23

@ jason328就這麼你知道，XAMPP沒有與Ajax有關的問題。你可以在任何地方運行ajax – Ibu 2012-07-19 23:21:37

問題是，當你用ajax調用它們時，你必須把你想要運行的文件放到另一個web服務器上，對嗎？ – jason328 2012-07-19 23:27:51

創建一個啓動PHP代碼的jQuery事件處理程序

回答

相關問題