模板文件:
1
2
3
4
5
|
<
foreach
name=
"photo"
item=
"v"
>
$v
.id}{
$v
.name}
foreach
>
|
js部分:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
$(
function
(){
$(
".vote"
).click(
function
(){
var
vid = $(
this
).attr(
"data-vid"
);
//取得按钮自定义属性的值
$.ajax({
url:
'index.php/vote/add'
,
//根据自己的地址来替换
type:
"post"
,
data:{vid:vid},
dataType:
"json"
,
success:
function
(res){
if
(res.status == 1)
{
alert(
'投票成功!'
);
//操作成功后执行的操作
}
else
{
alert(
'投票失败'
);
//操作失败后执行的操作
}
}
})
});
}
|
php部分:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
class
VoteAction
extends
Action
{
function
add()
{
$vid
=
$_POST
[
'vid'
];
//执行的数据库操作,根据自己的来,并返回一个结果
$res
= M(
'Votes'
)->where(
array
(
'id'
=>
$vid
))->setInc(
'votes'
,1);
$status
= 0;
$msg
=
'投票失败'
;
if
(
$res
)
{
$status
= 1;
$msg
=
'投票成功'
;
}
$data
=
array
(
'status'
=>
$status
,
'msg'
=>
$msg
);
$this
->ajaxReturn(
$data
);
}
}
|
如果我在模板文件中加入得票数:{$v.votes}
在ajax之后,想要更新这个数值,js中该怎么写呢?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
$(
function
(){
$(
".vote"
).not(
".disabled"
).click(
function
(){
var
vid = $(
this
).attr(
"data-vid"
);
//取得按钮自定义属性的值
$.ajax({
url:
'index.php/vote/add'
,
//根据自己的地址来替换
type:
"post"
,
data:{vid:vid},
dataType:
"json"
,
success:
function
(res){
if
(res.status == 1)
{
vid++;
$(
this
).next(
"p"
).find(
"span.votespan"
).text(vid);
//把显示票数的地方显示最新的票数
$(
this
).addClass(
"disabled"
);
//将按钮添加一个样式,让其不可用。
}
else
{
alert(
'投票失败'
);
//操作失败后执行的操作
}
}
})
});
}
|