关于ajax操作的个人理解

摘要: 我记得刚开始开发时候，ajax完全是蒙的，后面也是才慢慢理解，这么简单。现在开始写博客，通过一个例子记录一下吧

操作：

<input type="button" name="" class="btn" id="clearBtn" value="清空">

前端代码：

$('#clearBtn').click(function(){
$.ajax({
type:'post',
url:'index.php?act=groupbuy&op=slider_clear',
dataType:'json',
success:function(result){
if(result.result){
alert('清空成功');
location.reload();
}
}
});
});

后端代码：

/**
* 幻灯片清除
*/
public function slider_clearOp(){

$model_setting = Model('setting');
$update = array();
$update['live_pic1'] = '';
$update['live_link1'] = '';
$update['live_pic2'] = '';
$update['live_link2'] = '';
$update['live_pic3'] = '';
$update['live_link3'] = '';
$update['live_pic4'] = '';
$update['live_link4'] = '';
$res = $model_setting->updateSetting($update);
if ($res) {
dkcache('setting');
$this->log('清空幻灯片设置', 1);
echo json_encode(array('result'=>'true'));
} else {
echo json_encode(array('result'=>'false'));
}
exit;
}

ajax返回来的数据有的时候是json字符串需要将其转化为json对象

alldata = eval('(' + data + ')');

选择框的ajax

$(function(){
selectajax();
$('#inform_type').on('change',(function(){
selectajax();
}));
function selectajax(){
id=$('#inform_type').val();
$.ajax({
type:'post',
url:"index.php?act=member_inform&op=selectAjax",
dataType:'json',
data:{id:id},
success:function(data){
var len=(data.length);
$('#inform_subject').empty();
for(var i=0;i<len;i++){
$('#inform_subject').append("<option value=\""+data[i]["inform_subject_id"]+"\">"+data[i]["inform_subject_content"]+"</option> ");
}
}
});
}
}

后端代码：

<?php
public function selectAjaxOp(){
$id=$_POST['id'];
$inform_subject_model=Model('inform_subject');
$inform_subject=$inform_subject_model->getSubjectList(array('inform_type_id'=>$id),'inform_subject_id,inform_subject_content');
echo json_encode($inform_subject);

}