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.'/'.@$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>これは、私が最近参加したプロジェクトでの簡単な Ajax 実装です
。
上記では、Xin Xing による ajax の実装プロセスの簡単な分析を、そのプロセスの側面も含めて紹介しています。PHP チュートリアルに興味のある友人に役立つことを願っています。