如何使用onclick标签发送post value ajax？

Question

如何使用onclick标签发送post value ajax？

我像这样创建代码，但我没有任何post值

我该怎么做呢？

.........................................................................................................................

<script>
    $(document).ready(function reply_click(clicked_id){
        $('body').on('click','.like',function(){    
            var pro_id = $(this).attr('clicked_id');        
            var postData = 'pro_id='+pro_id;
            $.ajax({        
                type: "POST",
                url: "receiver.php",
                data: postData,
                cache: false,
                success: function(){            
                    $('#'+pro_id).html('OK').addClass('unlike').removeClass('like');
                }       
            });
        })
    });
</script>


<a class="like" onClick="reply_click(this.id)" style=" cursor: pointer; " id="99999999999999">click here.</a>

Answer 1

实际上你这样做是错的，你应该这样定义文档就绪函数

$(document).ready(function(){ ....

然后，您不应该通过任何函数调用传递任何值或为html onclick属性赋值，因为jQuery本身就足以为您完成这项工作。请看下面的代码：

<script>
    $(document).ready(function(){
        $('body').on('click','.like',function(){    
            var pro_id = $(this).attr('id');        
            var postData = 'pro_id='+pro_id;
            $.ajax({        
                type: "POST",
                url: "receiver.php",
                data: postData,
                cache: false,
                success: function(){            
                    $('#'+pro_id).html('OK').addClass('unlike').removeClass('like');
                }       
            });
        })
    });
</script>

您的HTML可以是这样的

<a class="like" style="cursor: pointer;" id="99999999999999">Click here</a>