2013-01-03 26 views
0

我使用</a>標籤有簡單的墨跡。這是下面:我可以修改一個html鏈接,以便能夠訪問jquery/ajax功能

<a href="create_session.php">

我的問題是什麼我可以修改鏈接,以便能夠訪問一個jQuery/AJAX功能,低於:

function removesession() 
{  
    $.ajax({ 
     url: "insertmarks.php", 
     async: false, 
     type: "POST" 
    });  
} 

順便說一句是AJAX正確只需導航到一個頁面?

回答

1

絕對!

給的鏈接的「id」屬性(可以更容易地選擇)

<a href="create_session.php" id="createLink"></a> 

$(function() { 
    var link = $("#createLink"); 

    link.click(function() { 
     $.ajax({ 
      url: "insertmarks.php", 
      async: false, 
      type: "POST", 
      success: function() { 
       window.location.href = link.attr("href"); 
      } 
     }); 

     //cancels the links true action of navigation 
     return false; 
    }); 
); 
+0

上述代碼是否會導航用戶以查看create_session.php頁面或insertmarks.php頁面?我希望用戶看到create_session.php頁面 – Manixman

+0

然後使用Calin的答案,但將成功事件處理程序添加到Ajax調用中,其中您將用戶重定向到create_session.php。換句話說,當有人點擊鏈接時,會有一個對insertmarks.php文件的Ajax請求,並且在完成之後,您將被帶到create_session.php –

+0

啊,不,這將停止 - 只是刪除'返回false' –

1

是的。向錨點標記添加一個唯一標識並將點擊綁定到刪除會話功能。

<a id="myLink" href="create_session.php"></a> 

$('#myLink').on('click', removesession); 

需要注意的是,如果你不想要的鏈接導航到URL,您將需要return false在功能removesession

btw是ajax正確,只是導航到一個頁面?

這隻會發送一個請求到ajax調用中設置的url。如果你想改變鏈接的位置,你可以做到這一點

$('#myLink').attr('href', 'mylink.php'); 
+0

我認爲,出於性能的考慮,他應該使用類而不是使用。對他應該表現再次使用。點擊原因。然而你的答案是__valid__。 –

+2

爲什麼選擇class而不是ID? –

+0

因爲您可以在文檔中創建多個實例,所以類會效率較低。 –

相關問題