欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

php crud jquery

江奕云1年前9瀏覽0評論

PHP是一種非常流行的Web開發(fā)語言,可以輕松地進(jìn)行數(shù)據(jù)操作和頁面渲染等操作。而jQuery是一種JavaScript框架,可以幫助我們更加方便快捷地操作DOM和執(zhí)行AJAX。在PHP開發(fā)中,常常需要使用CRUD操作,即增刪改查。這時,結(jié)合使用PHP和jQuery,可以快捷地完成CRUD操作。

例如,我們現(xiàn)在要實(shí)現(xiàn)一張文章管理頁,包含以下功能:增加文章、刪除文章、修改文章和展示文章列表。我們可以先在頁面中引入jQuery,然后使用PHP進(jìn)行數(shù)據(jù)操作,如下所示:

//數(shù)據(jù)庫連接
$db = mysqli_connect("localhost", "username", "password", "database");
//查詢文章
$sql = "SELECT * FROM articles";
$result = mysqli_query($db, $sql);
//展示文章列表
while($row = mysqli_fetch_assoc($result)){
echo "
".$row['title']."
"; }

以上代碼通過mysqli連接數(shù)據(jù)庫,并查詢articles表中的所有文章,然后將文章標(biāo)題依次展示出來。接下來,我們需要實(shí)現(xiàn)增刪改功能。首先,我們可以在頁面中添加一個表單,用于添加或修改文章,如下所示:

<form id="article-form">
<input type="text" name="title" placeholder="文章標(biāo)題" />
<textarea name="content"></textarea>
<button id="submit-btn">提交</button>
</form>

然后,我們可以在jQuery中監(jiān)聽submit按鈕的點(diǎn)擊事件,通過AJAX將表單數(shù)據(jù)提交到PHP中進(jìn)行處理,如下所示:

$('#submit-btn').click(function(){
var formData = $('#article-form').serialize();
$.ajax({
url: 'article.php',
type: 'POST',
data: formData,
success: function(data){
alert(data);
}
});
});

以上代碼監(jiān)聽submit按鈕的點(diǎn)擊事件,將表單數(shù)據(jù)序列化為formData,并通過AJAX提交到article.php中進(jìn)行處理。接下來,我們可以在article.php中對數(shù)據(jù)進(jìn)行增刪改查操作,如下所示:

//數(shù)據(jù)庫連接
$db = mysqli_connect("localhost", "username", "password", "database");
//添加文章
if(isset($_POST['title']) && isset($_POST['content'])){
$title = $_POST['title'];
$content = $_POST['content'];
$sql = "INSERT INTO articles (title, content) VALUES ('$title', '$content')";
mysqli_query($db, $sql);
echo "文章添加成功!";
}
//刪除文章
if(isset($_POST['id'])){
$id = $_POST['id'];
$sql = "DELETE FROM articles WHERE id=$id";
mysqli_query($db, $sql);
echo "文章刪除成功!";
}
//修改文章
if(isset($_POST['title']) && isset($_POST['content']) && isset($_POST['id'])){
$id = $_POST['id'];
$title = $_POST['title'];
$content = $_POST['content'];
$sql = "UPDATE articles SET title='$title', content='$content' WHERE id=$id";
mysqli_query($db, $sql);
echo "文章修改成功!";
}

以上代碼根據(jù)表單數(shù)據(jù)進(jìn)行不同的操作:添加文章時向articles表中插入一條數(shù)據(jù),刪除文章時根據(jù)文章id從articles表中刪除一條數(shù)據(jù),修改文章時根據(jù)文章id更新對應(yīng)的數(shù)據(jù)。最后,我們需要在頁面中監(jiān)聽文章的刪除和修改操作,并將結(jié)果通過AJAX提交到article.php中進(jìn)行處理,如下所示:

//監(jiān)聽文章刪除操作
$('.article').on('click', '.delete-btn', function(){
var id = $(this).attr('data-id');
$.ajax({
url: 'article.php',
type: 'POST',
data: {id: id},
success: function(data){
alert(data);
}
});
});
//監(jiān)聽文章修改操作
$('.article').on('click', '.edit-btn', function(){
var id = $(this).attr('data-id');
var title = $('#title-'+id).text();
var content = $('#content-'+id).text();
$('#article-form input[name="title"]').val(title);
$('#article-form textarea[name="content"]').val(content);
$('#article-form input[name="id"]').val(id);
});

以上代碼監(jiān)聽文章的刪除和修改操作,分別通過AJAX提交id或其他數(shù)據(jù)到article.php中進(jìn)行處理。總體上,PHP和jQuery結(jié)合使用可以輕松地實(shí)現(xiàn)增刪改查操作,讓我們的Web開發(fā)變得更加高效方便。