Javascript 如何使用onclick标记发送post-value-ajax?
如何使用onclick标记发送post-value-ajax 我像这样创建代码,但我没有任何post值 我该怎么做 徖Javascript 如何使用onclick标记发送post-value-ajax?,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,如何使用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');
<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>
$(文档).ready(函数回复)\单击(单击id){
$('body')。在('click','like',function(){
var pro_id=$(this.attr('clicked_id');
var postData='pro_id='+pro_id;
$.ajax({
类型:“POST”,
url:“receiver.php”,
数据:postData,
cache:false,
成功:函数(){
$('#'+pro_id).html('OK').addClass('inference').removeClass('like');
}
});
})
});
点击这里。
实际上您做得不对,您应该像这样定义文档就绪功能
$(document).ready(function(){ ....
然后,您不应该通过任何函数调用传递任何值或赋予htmlonclick
属性,因为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>
$(文档).ready(函数(){
$('body')。在('click','like',function(){
var pro_id=$(this.attr('id');
var postData='pro_id='+pro_id;
$.ajax({
类型:“POST”,
url:“receiver.php”,
数据:postData,
cache:false,
成功:函数(){
$('#'+pro_id).html('OK').addClass('inference').removeClass('like');
}
});
})
});
你的HTML可以是这样的
<a class="like" style="cursor: pointer;" id="99999999999999">Click here</a>
点击这里