Xin Xing analysiert kurz den Implementierungsprozess von Ajax

Apropos Ajax, es ist definitiv ein alltägliches Thema. Der Einsatz der Ajax-Technologie ist in den letzten Jahren sehr populär geworden. Nehmen wir jQuery als Beispiel, um ein Ajax-Beispiel aus einem realen Projekt zu sehen.

Zuerst ist die Startseite. Auf dieser Seite verwenden wir Bootstrap und mehrere unserer eigenen Technologien. Schließlich haben wir eine Schaltfläche, deren Quellcode lautet folgt:

$deal .= '<a href="javascript:void(0);" class="btn btn-danger btn-mini" /a>';

Ich glaube, dass es für Freunde mit js Foundation kein Problem sein wird, diesen Code zu verstehen . Hier sind einige Punkte, die erklärt werden müssen:

1 Es wird Bootstrap verwendet, daher werden wir Dinge wie btn btn-danger btn-mini sehen.

2. Es ruft eine deleteOne()-Funktion auf und der Parameter $Id in dieser Funktion ist eine Variable in PHP.

Dann gibt es noch den Code der deleteOne-Methode. Hier haben wir natürlich nur einige andere Bibliotheken importiert Schreiben Sie die wichtigeren Teile. Code:

<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>

An diesem Punkt sind wir noch einen Schritt von der Fertigstellung entfernt , das ist die Löschmethode. Hier ist der Implementierungsprozess:

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);
	}

Dies ist eine einfache Ajax-Implementierung in einem Projekt, an dem ich kürzlich teilgenommen habe in

Das Obige stellt Xin Xings kurze Analyse des Ajax-Implementierungsprozesses vor, einschließlich der relevanten Aspekte. Ich hoffe, dass es für Freunde hilfreich sein wird, die sich für PHP-Tutorials interessieren.