ホームページ > バックエンド開発 > PHPの問題 > ajaxを使用してPHPページからデータを取得する方法

ajaxを使用してPHPページからデータを取得する方法

リリース: 2023-02-28 07:48:01
オリジナル
2845 人が閲覧しました

ajaxを使用してPHPページからデータを取得する方法

現在、Ajax はバックグラウンド php を呼び出してバックグラウンド データを取得することがよく使われていますが、ajax がどのようにして php ページのデータを取得するかを見てみましょう。

推奨: php サーバー

1. PHP はデータベースに接続してデータベース情報を取得し、それを json_encode($css);{ファイルは: db に置きます。 .php}

<span style="font-size:14px;"><?php
$host="localhost";
$username="root";
$password="root";
$dbName="baixing";
$port=3306;
$conn=new mysqli($host,$username,$password,$dbName,$port);
if(!$conn){
 die("error:".$conn->connect_error);
}
//设置查询结果的编码,一定要放在query之前
$conn->query("SET NAMES &#39;UTF8&#39;");
$result=$conn->query("select * from hotgoods");
//$conn->query()获取的是二进制
//将查询的结果集封装到一个数组里
$css=$result->fetch_all();
//以json的格式发送ajax的success中由data接收
echo json_encode($css);
$conn->close();</span>
ログイン後にコピー

2. json_encode($css) のデータを success: function(data) に次のように入力します: {baixing.html}

$.ajax({
  type: &#39;POST&#39;,
  url: &#39;db.php&#39;,
  data:{
//   "username":"admin",
//   "password":"123456"
  },
  success: function (data) {
   var result=eval("("+data+")");
   alert(result);
   for(var i=0;i<result.length;i++){
    var str=&#39;<div class="home1">&#39;+
      &#39;<img src="&#39;+result[i][1]+&#39;" alt="&#39;+result[i][3]+&#39;"/>&#39;+
      &#39;<p><a href="&#39;+result[i][2]+&#39;" rel="external nofollow" rel="external nofollow" >&#39;+result[i][3]+&#39;</a></p>&#39;+
      &#39;<div class="price">&#39;+
      &#39;<span>¥&#39;+result[i][4]+&#39;</span>&#39;+
      &#39;<del>¥&#39;+result[i][5]+&#39;</del>&#39;+
      &#39; <a href="#" rel="external nofollow" rel="external nofollow" >预定:<b>&#39;+result[i][6]+&#39;</b>件</a>&#39;
    &#39;</div> </div>&#39;
    $(".box7 #hotSale").append(str);//追加到你需要放在的位置
   }
  }
 });$.ajax({
  type: &#39;POST&#39;,
  url: &#39;db.php&#39;,
  data:{
//   "username":"admin",
//   "password":"123456"
  },
  success: function (data) {
   var result=eval("("+data+")");
   alert(result);
   for(var i=0;i<result.length;i++){
    var str=&#39;<div class="home1">&#39;+
      &#39;<img src="&#39;+result[i][1]+&#39;" alt="&#39;+result[i][3]+&#39;"/>&#39;+
      &#39;<p><a href="&#39;+result[i][2]+&#39;" rel="external nofollow" rel="external nofollow" >&#39;+result[i][3]+&#39;</a></p>&#39;+
      &#39;<div class="price">&#39;+
      &#39;<span>¥&#39;+result[i][4]+&#39;</span>&#39;+
      &#39;<del>¥&#39;+result[i][5]+&#39;</del>&#39;+
      &#39; <a href="#" rel="external nofollow" rel="external nofollow" >预定:<b>&#39;+result[i][6]+&#39;</b>件</a>&#39;
    &#39;</div> </div>&#39;
    $(".box7 #hotSale").append(str);
   }
  }
 });
ログイン後にコピー

以上がajaxを使用してPHPページからデータを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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