>  기사  >  백엔드 개발  >  Xin Xing이 Ajax 구현 과정을 간략하게 분석합니다.

Xin Xing이 Ajax 구현 과정을 간략하게 분석합니다.

WBOY
WBOY원래의
2016-08-08 09:22:591022검색

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.&#39;/&#39;.@$module.&#39;/delete&#39;;?>';
				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);
	}

최근 참여한 프로젝트의 간단한 Ajax 구현입니다.
에서

위 내용은 관련 측면을 포함하여 Xin Xing의 Ajax 구현 프로세스에 대한 간략한 분석을 소개하며, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:phpStorm8 등록 코드다음 기사:phpStorm8 등록 코드