ホームページ > バックエンド開発 > PHPチュートリアル > php+ajaxを使用して新しいプロセスを作成する方法に関するサンプルチュートリアルを共有します

php+ajaxを使用して新しいプロセスを作成する方法に関するサンプルチュートリアルを共有します

零下一度
リリース: 2023-03-10 12:06:01
オリジナル
1000 人が閲覧しました

この記事では主にphp+ajaxを使った新しいプロセス(休暇申請、購入、発送など)を紹介しますので、困っている方は参考にしてください

管理者にとっては、手動による休暇申請よりもコンピュータによる休暇申請プロセスの方が効率的です。リクエストプロセスにエラーがたくさんあるので、新しいプロセスを作成するにはどうすればよいですか?

まず第一に: どのようなプロセスを明確にする必要がありますか?

第二に: 各プロセスを実行するにはどの担当者が必要ですか?

最後に: このプロセスを実行する人の順序は何ですか?

ステップ 1: ユーザー テーブル、liucheng テーブル、liuchengjiedian テーブルという 3 つのテーブルが必要です (最後の 2 つはまだ追加されていません)

ステップ 2: ドロップダウン リストを使用して、 users テーブル出力:


 <p id="top">
<p>请选择节点人员:</p>
<select id="user">
<?php
require "../DB.class.php";
$db = new DB();
$sql = "select * from users";
$arr = $db->query($sql);
foreach ($arr as $v){
 echo "<option value=&#39;{$v[0]}&#39;>{$v[2]}</option>";
}
?>
</select>
<input type="button" value="确定添加"/>
</p>
ログイン後にコピー

実装効果:

ステップ 3: [追加を確認] をクリックして、選択したユーザーをセッションに追加します

(1) まずは jquery パッケージを導入します


<script src="../jquery-1.11.2.min.js"></script>
ログイン後にコピー

(2) ajaxコード


<script type="text/javascript">
 //用session 存取选择的值
 $("#add").click(function(){
   var uid = $("#user").val();
   //  alert(uid);
   $.ajax({
    url:"add-cl.php",
    data:{uid:uid},
    type:"POST",
    dataType:"TEXT",
    success:function(data){
     window.location.href="main.php" rel="external nofollow" rel="external nofollow" ;
    }
   });  
 })
</script>
ログイン後にコピー

(3) add-cl.phpページ


<?php
 //开启session
 session_start();
 //取值
 $uid=$_POST["uid"];
 //如果session为空,造一个数组,将取到的值添加进去
 if(empty($_SESSION["jiedian"])){
  $arr = array($uid);
  $_SESSION["jiedian"] = $arr;
 }
 //如果不为空,将取到的值追加进去
 else
 {
  $arr = $_SESSION["jiedian"];
  $arr[]=$uid;
  $_SESSION["jiedian"] = $arr;
 }
?>
ログイン後にコピー

ステップ4: 選択した人物をリストする

(1) まずセッション値が取得できているかどうかを判断します


<?php
    session_start(); 
    if(empty($_SESSION["jiedian"])){
      echo "尚未选择节点人员!";
    }
ログイン後にコピー

(2) セッションを取得した後


else
    {
     $arr = $_SESSION["jiedian"];
     foreach($arr as $k=>$v)
     {
      $sql = "select name from users where uid=&#39;{$v}&#39;";
      $name = $db->strquery($sql);
      echo "<p>{$k}--{$name}--<input type =&#39;button&#39; value=&#39;移除&#39; class=&#39;yichu&#39; code=&#39;{$k}&#39;> <p>";
     }     
    }    
   ?>
ログイン後にコピー

(3) 「削除」ボタンにクリックイベントを追加します

ajax ページ:


$(".yichu").click(function(){
  var code = $(this).attr("code");
  $.ajax({
    url:"yichu-cl.php",
    data:{code:code},
    type:"POST",
    dataType:"TEXT",
    success:function(data){
     window.location.href="main.php" rel="external nofollow" rel="external nofollow" ;
    }
   });  
 })
ログイン後にコピー
ichu-cl 。 php ページ:


<?php
session_start();
$code = $_POST["code"];
$arr = $_SESSION["jiedian"];
//从数组中删除code这一项
unset($arr[$code]);
//将索引重新排列
$arr = array_values($arr);
$_SESSION["jiedian"] = $arr;
?>
ログイン後にコピー

クリックして Wang Wu を削除: Zhang San と Saturday は残り、コードは再配置されます

最後のステップ: 保存ボタンを追加し、データベースにデータを追加します

注: この前に、すべてのデータがセッション内に存在します

(1) プロセス名の入力ボックスを追加し、保存ボタンを追加します


<p id="btm">
    请输入流程名称:
   <input type="text" class="name" />
   <input type="button" value="保存" class="baocun" />
   </p>
ログイン後にコピー

(2) 保存ボタンをクリックしてすべての情報をデータベースに保存します

ajaxコード

$(".baocun").click(function(){
  var name = $(".name").val();
//  alert(name);
  $.ajax({
    url:"baocun-cl.php",
    data:{name:name},
    type:"POST",
    dataType:"TEXT",
    success:function(data){
     alert("保存成功!");
    }
   }); 
 })
ログイン後にコピー
Eabaocun-CL.PHP ページ

<?php
session_start();
require "../DB.class.php";
$db = new DB();
//将数据写进liucheng表
$name = $_POST["name"];
$code=time();//用时间戳来生成code
$sql = "insert into liucheng values(&#39;{$code}&#39;,&#39;{$name}&#39;)";
$db->query($sql,0);
//将数据写入liucehngjiedian表
$arr = $_SESSION["jiedian"];
foreach($arr as $k=>$v)
{
 $sql = "insert into liuchengjiedian values (&#39;&#39;,&#39;{$code}&#39;,&#39;{$v}&#39;,&#39;{$k}&#39;)";
 $db->query($sql,0);
}
?>
ログイン後にコピー

実装効果とデータベースに書き込まれるデータ:

このステップで Liu Xinjian プロセス全体のステップを達成できます。インターフェースはさらに美しくなるはずです~~。 ~~

要約: ページを処理する各ステップはより重要です。sessoin はデータにアクセスし、array_values() は配列を再配置します。

以上がphp+ajaxを使用して新しいプロセスを作成する方法に関するサンプルチュートリアルを共有しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
php
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート