Xin Xing が ajax の実装プロセスを簡単に分析します

ajax と言えば、近年、ajax テクノロジーの使用が非常に一般的になってきました。実際のプロジェクトの ajax の例を見てみるために、jQuery を例に挙げてみましょう。

最初のページは、ブートストラップといくつかの独自のテクノロジーを使用しています。最後に、ソース コードが次のようなボタンがあります。 皆さんは js の基礎を持っていると思います。このコードを理解するのは問題ありません。ここでいくつかの点を説明します。

1 ブートストラップを使用しているので、btn btn-danger などを確認します。 btn-mini、

2. deleteOne() 関数を呼び出します。この関数のパラメーター $Id は PHP の変数です。

次に、deleteOne メソッドのコードがあります。ここでは jQuery ライブラリをインポートしました。もちろん、他のライブラリもあります。ここでは、コードのより重要な部分のみを示します。

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

この時点で、delete メソッドの完成まであと一歩です。実装プロセスは次のとおりです:

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

これは、私が最近参加したプロジェクトでの簡単な Ajax 実装です

。 上記では、Xin Xing による ajax の実装プロセスの簡単な分析を、そのプロセスの側面も含めて紹介しています。PHP チュートリアルに興味のある友人に役立つことを願っています。