将parameter passing给一个JQuery函数

我正在创build一个具有Action列的循环的HTML。 该列是一个超链接,当用户点击调用JavaScript函数并传递参数…

例:

<a href="#" OnClick="DoAction(1,'Jose');" > Click </a> <a href="#" OnClick="DoAction(2,'Juan');" > Click </a> <a href="#" OnClick="DoAction(3,'Pedro');" > Click </a> ... <a href="#" OnClick="DoAction(n,'xxx');" > Click </a> 

我想要这个函数用正确的参数调用一个Ajax jQuery函数。

任何帮助?

使用POST

 function DoAction( id, name ) { $.ajax({ type: "POST", url: "someurl.php", data: "id=" + id + "&name=" + name, success: function(msg){ alert( "Data Saved: " + msg ); } }); } 

使用GET

 function DoAction( id, name ) { $.ajax({ type: "GET", url: "someurl.php", data: "id=" + id + "&name=" + name, success: function(msg){ alert( "Data Saved: " + msg ); } }); } 

编辑:

也许,更好的方法来做到这一点(使用GET),如果没有启用JavaScript,将生成的HREF的URL,然后使用点击处理程序,而不是通过Ajax调用该URL。

 <a href="/someurl.php?id=1&name=Jose" class="ajax-link"> Click </a> <a href="/someurl.php?id=2&name=Juan" class="ajax-link"> Click </a> <a href="/someurl.php?id=3&name=Pedro" class="ajax-link"> Click </a> ... <a href="/someurl.php?id=n&name=xxx" class="ajax-link"> Click </a> <script type="text/javascript"> $(function() { $('.ajax-link').click( function() { $.get( $(this).attr('href'), function(msg) { alert( "Data Saved: " + msg ); }); return false; // don't follow the link! }); }); </script> 

如果你想做一个Ajax调用或一个简单的JavaScript函数,不要忘记closures你的函数返回false

喜欢这个:

 function DoAction(id, name) { // your code return false; } 

你想要传递参数到另一个页面或只有函数?

如果只有函数,则不需要添加$ .ajax()tvanfosson。 只需添加您的function内容。 喜欢:

 function DoAction (id, name ) { // ... // do anything you want here alert ("id: "+id+" - name: "+name); //... } 

这将返回一个带有ID和名称值的警告框。

尝试这样的事情

#vote_links a将捕获所有ids里面的投票链接div id …

 <script type="text/javascript"> jQuery(document).ready(function() { jQuery(\'#vote_links a\').click(function() {// alert(\'vote clicked\'); var det = jQuery(this).get(0).id.split("-");// alert(jQuery(this).get(0).id); var votes_id = det[0]; $("#about-button").css({ opacity: 0.3 }); $("#contact-button").css({ opacity: 0.3 }); $("#page-wrap div.button").click(function(){ 
 <script type="text/javascript" src="jquery.js"> </script> <script type="text/javascript"> function omtCallFromAjax(urlVariable) { alert("omt:"+urlVariable); $("#omtDiv").load("omtt.php?"+urlVariable); } </script> 

试试这个对我有用