frozenjs是一個(gè)極為便捷的前端框架,它支持各種主流的數(shù)據(jù)通訊方式。其中,調(diào)用php作為一個(gè)后端語(yǔ)言,其實(shí)在frozenjs中是非常容易實(shí)現(xiàn)的。下面,我就為大家詳細(xì)介紹一下frozenjs如何調(diào)用php。
首先,我們需要在frozenjs中引入jquery,因?yàn)檫@是最流行的ajax庫(kù)。接下來(lái),我們可以通過(guò)ajax來(lái)進(jìn)行請(qǐng)求,例如下面的代碼:
$.ajax({
url:'test.php', // 這里設(shè)置請(qǐng)求的url地址
type:'post', // 設(shè)置請(qǐng)求的方法,是post還是get
data:{keyword:$('#kw').val()}, // 設(shè)置請(qǐng)求攜帶的數(shù)據(jù),這里將input輸入框的值傳到php中
success:function(data){
console.log(data); // 回調(diào)函數(shù),當(dāng)請(qǐng)求成功后會(huì)觸發(fā)該函數(shù)
},
error:function(){
console.log('請(qǐng)求失敗');
}
});
這樣,我們就完成了一次ajax請(qǐng)求,并且將php所返回的數(shù)據(jù)打印在了控制臺(tái)上。
不過(guò),到了這里可能有些同學(xué)會(huì)產(chǎn)生疑問(wèn),php又返回了什么東西呢?下面,我就來(lái)為大家詳細(xì)解釋一下。
在test.php中,我們可以通過(guò)下列代碼獲取前端所傳遞過(guò)來(lái)的參數(shù):$keyword = $_POST['keyword']; // 獲取前端所傳遞的參數(shù)
echo $keyword; // 將獲取到的參數(shù)進(jìn)行處理,然后返回到前端
再次修改一下前端的代碼段,如下所示:$.ajax({
url:'test.php',
type:'post',
data:{keyword:$('#kw').val()},
dataType:'json', // 這里注意,設(shè)置數(shù)據(jù)類型是json
success:function(data){
console.log(data); // 回調(diào)函數(shù),當(dāng)請(qǐng)求成功后會(huì)觸發(fā)該函數(shù)
},
error:function(){
console.log('請(qǐng)求失敗');
}
});
我們?cè)趐hp中修改下列代碼,將返回的數(shù)據(jù)封裝成json格式:$keyword = $_POST['keyword'];
$arr = array('status'=>1, 'msg'=>'OK', 'data'=>array('keyword'=>$keyword));
echo json_encode($arr);
這樣,在前端所接收到的參數(shù)中,我們就可以從data中獲取相應(yīng)的值。
總之,借助于frozenjs和php,我們可以方便地搭建出一個(gè)高效且具有強(qiáng)大數(shù)據(jù)交換能力的應(yīng)用程序。希望以上的介紹能夠給大家?guī)?lái)幫助。