目的:ajax方式提交许愿数据,服务器处理后返回json格式数据,客户端js作出反应。
D:\wamp\www\wish\Public\Js\index.js
提交按钮点击事件代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
......
$(
'#send-btn'
).click(
function
() {
//alert(handleUrl);
var
username = $(
'input[name=username]'
);
//
var
content = $(
'textarea[name=content]'
);
if
(username.val() ==
''
){
alert(
'用户名不能为空。'
);
username.focus();
return
;
}
if
(content.val() ==
''
){
alert(
'内容不能为空。'
);
content.focus();
reuturn;
}
$.post(handleUrl, {username : username.val(), content : content.val()},
function
(data){
if
(data.status){
alert(
'添加成功。'
);
}
else
{
alert(
'添加失败。'
);
}
},
'json'
);
});
......
|
Index类handle方法:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
if
(!IS_AJAX) E(
'出错啦!!,非法访问。'
);
//p(I('post.'));
// //echo C('DEFAULT_FILTER');
$data = array(
'username'
=> I(username),
'content'
=> I(content),
'time'
=> time()
);
//p($data);
//die;
//replace_phiz($data['content']);
//$this->ajaxReturn($data);
$
this
->ajaxReturn(array(
'status'
=>
0
),
'json'
);
|
浏览器提交许愿,由于在handle方法中直接返回:'status' => 0,将会提示失败:
Index类handle方法修改返回值:
$this->ajaxReturn(array('status' => 1), 'json');