应政策要求,9月30日起博客评论功能将暂时关闭,接入实名验证系统后再恢复,如有任何定制功能等问题,可以联系我的QQ:2283276927

js与php的ajax交互(以zbp为例)

雨夜 14514次浏览 3个评论

ajax的json方式:

1)前台文件代码:

<div class="post-contenta"><a id="dianji">1525</a></div>
<div class="post-content123" data-postid='12' >我的数据</div>

(2)前台js文件代码内容:

jQuery(document).ready(function($){ 
$(document).delegate("#dianji","click",function(event) {
//var postid=$(this).attr("data-postid");
var p =$('.post-content123');
//var postid=$(".post-content").attr("data-postid");
var postid=$(".post-contenta").html();
$.ajax({
type:'post',
async:true,
url:bloghost + "zb_users/plugin/shili/save2.php?"+new Date(),
 
data:{
postid:postid
},
dataType:'json',
success:function(data){
     alert("成功!");  
p.html(data);  
},
error:function(data){
   alert("失败!");     
}
});
});
});

3)后台Php文件代码:

<?php
require '../../../zb_system/function/c_system_base.php';
require '../../../zb_system/function/c_system_admin.php';
$zbp->Load();
if (!$zbp->CheckPlugin('shili')) {$zbp->ShowError(48);die();}
$postid=GetVars("postid","POST");
$abc=json_encode($postid);
print_r($abc);
?>

(4)前台点击#dianji的时候会立即显示如下图:

 

点击确认后显示如下:

 

这就实现了交互。

ajax的html方式:

(1)前台html和之前一样。

2)前台js文件代码内容:

jQuery(document).ready(function($){ 
$(document).delegate("#dianji","click",function(event) {
//var postid=$(this).attr("data-postid");
var p =$('.post-content123');
//var postid=$(".post-content").attr("data-postid");
var postid=$(".post-contenta").html();
$.ajax({
type:'post',
async:true,
url:bloghost + "zb_users/plugin/shili/save2.php?"+new Date(),
 
data:{
postid:postid
},
dataType:'html',
success:function(data){
     alert("成功!");  
p.html(data);  
},
error:function(data){
   alert("失败!");     
}
});
});
});

(3)后台php代码:

<?php
require '../../../zb_system/function/c_system_base.php';
require '../../../zb_system/function/c_system_admin.php';
$zbp->Load();
if (!$zbp->CheckPlugin('shili')) {$zbp->ShowError(48);die();}
$postid=GetVars("postid","POST");
print_r($postid);
?>

4)效果与前面的一样。


涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
喜欢 ( 2)
[使用支付宝或微信扫码]
分享 ( 0)

主题定制开发流程

ZBLOGPHP开发流程

联系我们