PHP をサーバーとして使用して、Web フロントエンド インターフェイスと対話します。

墨辰丷
リリース: 2023-03-28 15:08:01
オリジナル
2104 人が閲覧しました
<p>PHP と Web ページ間のインタラクションは、PHP Web サイトとユーザー間のインタラクションを実現する重要な手段です。この記事では主に、Web フロントエンド インターフェイスと対話するためのサーバーとしての PHP の使用方法を紹介します。興味のある方は参考にしてください。

<p>PHP と Web ページ間の対話は、PHP ウェブサイトとユーザー間の対話を実現する重要な手段です。この記事を読みたい学者は、まず PHP の基礎知識を確認してください。これは現在使用されているため、今すぐ学習して販売してください。PHP サーバーの基礎知識は将来更新されます。インターフェースを用意するために私はここにいます 私のプロジェクトが開発した単純なインターフェースを使用して傍受して説明してください! プロジェクトの機密性はご遠慮ください *

<p>html コードとインターフェース

<p>
<!DOCTYPE html> 
<html> 
<head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
  <title>百姓商城</title> 
  <link href="http://www.baixingstatic.com/css/newindex4.css?v=20141022.css" rel="stylesheet" type="text/css" 
     media="screen"> 
</head> 
<body> 
<script type="text/javascript" src="jquery-3.0.0.min.js"></script> 
<p class="newindex_box mar_t_10 clearfix"> 
  <p class="index_hot_sale"> 
    <ul class="hot_sale_ul" id="hot_sale"> 
      <li class="hot_sale_li left" style="margin-right:0px;"> 
        <p class="pic"><a style="width:260px;height:172px;" 
                  href="http://www.baixingmall.com/item/565521bf0305c044a508ade00f539be3e0a3.htm" 
                  title=" "><img style="width:260px;height:172px;" alt="维多利陶瓷 自然石系列" 
                          src="http://image01.baixingstatic.com/system/56945f870cfe00463b0acfe04c9d9be3e0a3.jpg"></a> 
        </p> 
        <p class="tit"><a href="http://www.baixingmall.com/item/565521bf0305c044a508ade00f539be3e0a3.htm" 
                 title=""></a></p> 
 
        <p class="price"><span class="right">预订:<b class="yd_num">44</b>件</span><span 
            class="bx_price">¥62.1</span><span class="store_price">¥128</span></p> 
      </li> 
     </ul> 
  </p> 
</p>
ログイン後にコピー

上記のコードの li 部分には、実際にはそのようなインターフェイスの実装が 8 つあります<p></p><p><br/></p><p> li コードはすべて同じであるため、リストしません一つ一つ理解してください<img src="https://img.php.cn/upload/article/000/192/893/2f9db835a2fedc2d99f37ea68e51ed01-0.png" alt=""/></p> <p>わかりました。ここですべてを理解しました。以下は ajax との対話のための JS コードです<br/>​​</p><p>以下に JS コード ブロックを追加してください<br/></p><p><br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"><pre name="code" class="javascript"><script type="text/javascript"> 
  var str=""; 
  $.ajax({ 
    type:"post", 
    url:"postDemo.php", 
    data:{ 
      "code":"201", 
      "user":"admin" 
    }, 
    success:function(data){ 
      var result=eval("("+data+")"); 
      alert(data); 
      for(var i=0;i<result.length;i++){ 
        if ((i+1)%4){ 
          var str = "<li class=&#39;hot_sale_li left&#39; >" + 
              "<p class=&#39;pic&#39;><a style=&#39;width:260px;height:172px;&#39; href=&#39;" + result[i].titleURL + "&#39; title=&#39;维多利陶瓷 自然石系列&#39;><img style=&#39;width:260px;height:172px;&#39; alt=&#39;" + result[i].title + "&#39; src=&#39;" + result[i].imgURL + "&#39; /></a></p>" + 
              "<p class=&#39;tit&#39;><a href=&#39;" + result[i].titleURL + "&#39; title=&#39;" + result[i].title + "&#39;>" + result[i].title + "</a></p>" + 
              "<p class=&#39;price&#39;><span class=&#39;right&#39;>预订:<b class=&#39;yd_num&#39;>" + result[i].number + "</b>件</span><span class=&#39;bx_price&#39;>¥" + result[i].Nprice + "</span><span class=&#39;store_price&#39;>¥" + result[i].Oprice + "</span></p> </li>" 
 
        } 
        else { 
// 
          var str = "<li class=&#39;hot_sale_li left&#39;style=&#39;margin-right: 0px&#39; >" + 
              "<p class=&#39;pic&#39;><a style=&#39;width:260px;height:172px;&#39; href=&#39;" + result[i].titleURL + "&#39; title=&#39;维多利陶瓷 自然石系列&#39;><img style=&#39;width:260px;height:172px;&#39; alt=&#39;" + result[i].title + "&#39; src=&#39;" + result[i].imgURL + "&#39; /></a></p>" + 
              "<p class=&#39;tit&#39;><a href=&#39;" + result[i].titleURL + "&#39; title=&#39;" + result[i].title + "&#39;>" + result[i].title + "</a></p>" + 
              "<p class=&#39;price&#39;><span class=&#39;right&#39;>预订:<b class=&#39;yd_num&#39;>" + result[i].number + "</b>件</span><span class=&#39;bx_price&#39;>¥" + result[i].Nprice + "</span><span class=&#39;store_price&#39;>¥" + result[i].Oprice + "</span></p> </li>" 
 
        } 
        $(" .index_hot_sale #hot_sale").append(str); 
//       var oneTitle = result[i].title; 
//        $(".hot_sale_ul li:eq("+i+") a").attr("title",result[i].title); 
//        $(".hot_sale_ul li:eq("+i+") a").attr("title",result[i].title); 
 
      } 
    } 
  }) 
</script>
ログイン後にコピー

<p>サーバーコードには、受信した php ファイルが含まれています。これは、データを保存する php ファイルです。この簡単なサーバー側のコードを説明します

<p>

この判断は、 client. コードとユーザーの両方が正しければ、数秒待たなければデータが返されます。これは、echo がキーワードであることを誰もが知っています。 phpのjson_encodeはdata.phpを読み込ませるためのものです<p>

<p>
<p>上面的ajax的几个属性大家映带都懂 我简单说一下 type就是提交的方式 一共有post和get两种 我用的是post

<p>url就是服务器php的路径就是提交数据到的地址,data就是我们提交的数据,就是进行向服务器进行提交,然后服务器代码就是以下代码:

<p>

<p>
<?php</p>/** 
 * Created by PhpStorm. 
 * User: Administrator 
 * Date: 2016-7-15 
 * Time: 17:28 
 */ 
include "data.php"; 
if($_POST["code"]==201 && $_POST["user"]=="admin"){ 
//  echo json_encode(array("code"=>111)) ; 
  echo json_encode($hotSale); 
}else{ 
  echo json_encode(array("code"=>402)); 
  echo json_encode($hotSale); 
}
ログイン後にコピー

<p>

<p>
if($_POST["code"]==201 && $_POST["user"]=="admin"){ 
//  echo json_encode(array("code"=>111)) ; 
  echo json_encode($hotSale); 
}
ログイン後にコピー

これは、関数funcation()のデータが取得されたときに実行されるものです。実際には、これは json ファイルですが、配列形式に変換する必要があります

var result=eval("("+data+")");この文は、配列をよく知っている実数の配列に変換します。<p>

<p>次に走査するには 8 個のデータが必要です

<p>
else{ 
  echo json_encode(array("code"=>402)); 
  echo json_encode($hotSale); 
}
ログイン後にコピー

result.length は最大長です<p>

<p>最後の走査の後、8 個のデータが出力されますが、その方法を尋ねる人もいるでしょう。サーバーによって渡されたデータが HTML にロードされます。上記の var str の内容を説明しましょう:

<pre name="code" class="php">echo json_encode($hotSale);
ログイン後にコピー

<p>

これがカスタム配列であることがわかり、各行を追加します。 " が接続されています。これは js のリンクメソッドです。内部のデータ置換は

result[i].XXX; i はトラバースされたデータです。それぞれ異なる i がサーバーの json から取得されます。異なるデータを取得するために使用できます。は配列に変換されます。

XXX は各配列キーを参照し、値を取得して属性に入力し、この HTML を記述します!!!<p>

<p> 上記がこの記事の全内容です。みんなの勉強に役立ててください。

<p>
関連する推奨事項:

PHP はアスタリスクを使用してユーザー名の携帯電話と電子メールの一部の文字を置き換えます <p>

<p>

PHP デコレーター モードのユースケース分析 <p>

フラッシュ セールを達成するための PHP マルチスレッド シミュレーション注文を取得します (コードが添付されています)<p>

<p>


<p>

以上がPHP をサーバーとして使用して、Web フロントエンド インターフェイスと対話します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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