2013-01-03 28 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

因为您可以在文档中创建多个实例,所以类会效率较低。 –

相关问题