大家新年快乐,新的一年开始了。开始新的工作。大家工作顺利。阖家欢乐。

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

雨夜 13254次浏览 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)效果与前面的一样。


涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
喜欢 ( 1)
[使用支付宝或微信扫码]
分享 ( 0)
发表我的评论换个身份
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3) 个小伙伴在吐槽
  1. 程序员啊程序员
    任务易 2017-02-07 PM 02:41 回复
  2. www.fx286.com学习了
    www.zxkvb.com 2015-12-24 AM 11:26 回复
  3. 学习了。
    山猫 2015-07-10 AM 01:40 回复

主题定制开发流程

ZBLOGPHP开发流程

联系我们