将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函数。

任何帮助?

5 Solutions collect form web for “将parameter passing给一个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> 

试试这个对我有用

  • 如何使用ASP.NET MVC 3和Stackoverflow的Markdown
  • 提高jQueryselect器性能的好方法?
  • 如何在JavaScript中打印部分呈现的HTML页面?
  • HTMLCollection,NodeLists和对象数组之间的区别
  • 如何检查URL是否包含给定的string?
  • 组织Javascript库和CSS文件夹结构的最佳实践
  • 用Node.js实时刮取网页
  • jquery删除html5必需的属性
  • 仅在_some字段上通过Enter键禁用表单提交
  • 创build一个PHP函数的jQuery AJAX请求
  • 如何通过jQuery获取整个页面的HTML?