如何使用onclick標記發送帖子值ajax？

Question

如何使用onclick標記發送帖子值ajax？

我創建像這樣的代碼，但我沒有任何發布價值

我怎樣才能做到這一點 ？

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

<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>