? ??????? ????? ????? ??? ??? Ajax? ???? ?? ? ??? ???? ?? ??? ?????. ThinkPHP6 ???????? Ajax? ?? ??? ??? ?? ?????. ? ????? ThinkPHP6?? ??? ??? Ajax? ???? ??? ?????.
1. ?????
Ajax? Asynchrnous JavaScript And XML? ??? ??? ??? ? ???? ??? ? ???? ?????. Ajax? ?? ???? ?? ???? ??? ??? ???? ?????? ???? ????? ? ????.
Ajax? ???? ? ????? JavaScript? ???? ?? ???? ?? ??? ??? ??? ??? ??? ??? ?? ? ????. ?? ?? ???? ? ???? ???? ??? ??? ?????.
2. ThinkPHP6? Ajax
ThinkPHP6 ??????? ??? ??? Ajax? ????? ?? ??? ???? ???.
1. ??? ?? ??? ??
?? ??? ??? JavaScript ??? ???? ???. Ajax ??? ?? ?? ? ?? ??? ???? ??????. ??? ?? ??, ?? ??? ???? ??? ? ????.
<script>
$(document).ready(function(){
$("#submitBtn").click(function(){
$.ajax({
type: "POST",
url: "<?php echo url('ajaxtest'); ?>",
data:{
name:$('#name').val(),
age:$('#age').val()
},
dataType: "json",
success: function(data){
if(data.status==1){
alert("保存成功！");
}else{
alert("保存失??！");
}
}
});
});
});
</script>
<body>
<input type="text" name="name" id="name" placeholder="請(qǐng)輸入姓名">
<input type="text" name="age" id="age" placeholder="請(qǐng)輸入年齡">
<button id="submitBtn">保存</button>
</body>? ????? jQuery? Ajax ??? ???? ??? POST ??? ??? ??? ???? ???? ?????. ??? ??. ??? URL? ajaxtest?? ????? ???? ???? ?????. ? URL ?? ??? ThinkPHP6 ??????? ???? url ??? ?????. ??? ???? ??? ?? ?? ???? ???? JSON ??? ???? ?????.
2. ?? ? ???? ??
??? ?? ???? Ajax ??? ????? ?? ??? ???? ???? ???? ???. ???? ?????? ??? ??? ???? ?? ???? JSON ???? ????? ???? ??? ? ????. ?:
public function ajaxtest()
{
$data = [
'name' => input('post.name'),
'age' => input('post.age')
];
//TODO 數(shù)據(jù)處理
if(處理結(jié)果){
return json(['status'=>1]);
}else{
return json(['status'=>0]);
}
} ? ???? ?????? ?? ???? ??? ???? ??? ?? ???? ?????. ??? ???? ?? ??? ?? ?? JSON ?? ???? ??? ?? ???? ?????.
3. ??? ??
????? ?????? ????? ? URL? ?? ??? ??? ???? ???. ?:
Route::post('ajaxtest', 'Test/ajaxtest');? ??? ????? ajaxtest? POST ??? ??? ????? ajaxtest ???? ?????.
? ???? ??? ThinkPHP6?? ??? ??? Ajax? ???? ??? ??????.
3. ??
? ???? ThinkPHP6 ??????? ??? ??? ?? Ajax? ???? ??? ?????. ? ??? ?? ? ???????? Ajax ??? ???? ??? ???? ??? ?? ? ????? ???? ? ??????? ?? ???? ??? ??? ???? ? ????. Ajax ??? ??? ??? ? ??? ??? ????? ??? ??? ??? ???? SQL ?? ? ?? ?? ??? ???? ??? ?? ???? ???.
? ??? ThinkPHP6?? ??? ??? Ajax? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!