将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>
试试这个对我有用
