php + ajaxはポストのような関数を実装します-PHPチュートリアル-php.cn

php + ajaxはポストのような関数を実装します

藏色散人

リリース： 2023-04-08 06:20:02

転載

3516 人が閲覧しました

知識:

1. まず、ページは jquery フレームワークをロードする必要があります

2. 一般的な ajax パラメーターの説明:

①、タイプ: データ送信メソッド, get または post

②. url: データを処理する PHP スクリプト

③. data: 送信データのインデックスと値. 値は js で取得します. 通常、この属性は json 文字列ですまたは文字列

④、async: パラメータはブール型、デフォルトは true、つまり非同期送信、ブラウザはロックされていません

⑤、complete: パラメータはメソッドです、ジャンプスクリプトの実行が完了した後のコールバック関数

⑥、成功: パラメーターはメソッドです。ジャンプスクリプトの実行が正常に完了した後のコールバック関数

⑦、エラー: パラメーターはメソッド、ジャンプスクリプトの実行に失敗した後のコールバック関数

3. スクリプトの処理が完了したら、ページに必要なデータを返し、次に従ってフロントエンドページの部分更新を実装します。これは、ajax の最も強力な場所です

html コード部分:

<?php
$id = $_GET[&#39;id&#39;];
require_once &#39;mysqlHelper.php&#39;;
$db = new mysqlHelper(&#39;localhost&#39;,&#39;root&#39;,&#39;root&#39;,&#39;dianzan&#39;);
$sql = "select * from news where id = &#39;$id&#39;";
$news = $db->GetOneData($sql);
 
 
 
?>
<!doctype html>
<html>
<head>
<script src="jquery-1.9.1.min.js"></script>
<meta charset="UTF-8">
</head>
<body>
<h1><?php echo $news[&#39;title&#39;];?></h1>
<pre class="brush:php;toolbar:false">
<?php echo $news[&#39;content&#39;];?>

点赞数：

ログイン後にコピー

js コード:

$("#btn").click(function(){
$.ajax({
url:"index.php",
type:"POST",
data:{id:<?php echo $id;?>},
async:false,
success:function(data){
if(data === false){
alert(&#39;点赞失败！&#39;);location.href=&#39;dianzan.php?id=<?php echo $id;?>&#39;;
}else{
alert(&#39;点赞成功！&#39;);$("#s").html(data);
}
}
})
})

ログイン後にコピー

PHP コード部分:

<?php
header("Content-type:text/html;charset=utf-8");
require_once &#39;mysqlHelper.php&#39;;
$db = new mysqlHelper(&#39;localhost&#39;,&#39;root&#39;,&#39;root&#39;,&#39;dianzan&#39;);
$id = $_POST[&#39;id&#39;];
$sql = "UPDATE news SET dianzan = dianzan +1 WHERE id = &#39;$id&#39;";
 
$res = $db->execSql($sql);
if($res){
$dz = $db->getOneData("select * from news where id = &#39;$id&#39;");
$dz = $dz[&#39;dianzan&#39;];
echo $dz;
}else{
return false;
}
 
 
 
 
?>

ログイン後にコピー

PHP 関連の知識については、PHP チュートリアルをご覧ください。

以上がphp + ajaxはポストのような関数を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。