ajax라고 하면 확실히 최근 몇 년간 ajax 기술의 사용이 꽤 대중화되었습니다. 실제 프로젝트의 ajax 예제를 보기 위해 jQuery를 예로 들어보겠습니다.
이 페이지에서는 부트스트랩과 자체 기술을 사용합니다. 마지막으로 소스 코드가 다음과 같은 버튼이 있습니다. 다음과 같습니다:
$deal .= '<a href="javascript:void(0);" class="btn btn-danger btn-mini" /a>';
js 파운데이션을 하는 친구들이 이 코드를 이해하는 것은 문제가 되지 않을 것이라고 믿습니다. . 설명해야 할 몇 가지 사항은 다음과 같습니다.
1. 부트스트랩을 사용하므로 btn btn-danger btn-mini,
2. deleteOne() 함수를 호출하는데, 이 함수의 $Id 매개변수는 PHP의 변수입니다.
여기에는 jQuery 라이브러리를 가져왔고 여기에는 다른 라이브러리도 있습니다. 더 중요한 부분을 작성하세요.
<script type="text/javascript"> var base_url='<?php echo base_url();?>'; $(function(){ delete var t='3000';if(isNullOrEmpty(time)){t='3000';}else{t=time;} var icon='<?php echo base_url();?>assets/dialog/icons/'; showDialog('确定要删除?',function(){ var url='<?=@$site_url.'/'.@$module.'/delete';?>'; var data={'Id':id} $.ajax({ //async: true,//是否为异步请求 type: "POST",//GET POST url: url, //data: data, data:'Id='+id, //dataType: "json", //beforeSend: function(XMLHttpRequest, textStatus){}, success: function(data){//,textStatus //console.log(data); var msg=data.message; //if(data.status){refreshGrid();i='succeed.png';}else{i='info.png';} showDialog(msg); window.location.reload(); } //complete: function(XMLHttpRequest, textStatus){}, /*error: function(XMLHttpRequest, textStatus, errorThrown){ var msg=("Error");i='error.png'; showDialog(msg); }*/ }); }); } }); </script>
public function delete(){ if (! isPost ()) { $msg='输入的链接不正确!'; showErrorMsg($msg); } $action='delete'; $module=$this->module; $arrLang=lang('common_'.$module); $title=$arrLang[$action]; $arr_post=$this->input->post(); $arr_post=setForm($arr_post); $Id=@$arr_post['Id']; $status=FALSE; $logType=0; if(!isNullOrEmpty($Id)){ $del_where=array('ID'=>$Id); $this->common_model->table='mx_changci'; $result = $this->common_model->delete( $del_where ); if ($result) { $status = TRUE; $message = $title.'成功!'; } else { $status = FALSE; $message = $title.'失败!'; } }else{ $status=FALSE; $message= $title.'出错!'; $logType=3; } $jsonData['status']=$status; $jsonData['message']=$message; header("Content-type: application/json"); echo json_encode($jsonData); }
위 내용은 관련 측면을 포함하여 Xin Xing의 Ajax 구현 프로세스에 대한 간략한 분석을 소개하며, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.