မျက်မှောက်ခေတ်ဝက်ဘ်ဆိုက်ဖွံ့ဖြိုးတိုးတက်မှုတွင် Refresh မပါဘဲအကြောင်းအရာများကိုပိုမို 0 င်ရောက်ခြင်းသည်အသုံးပြုသူအတွေ့အကြုံတိုးတက်စေရန်အရေးကြီးသောနည်းပညာတစ်ခုဖြစ်လာသည်။ PHP နှင့် Ajax ၏ပူးပေါင်းဆောင်ရွက်မှုအားဖြင့်စာမျက်နှာပေါ်တွင်အကြောင်းအရာအချို့၏တက်ကြွလှုပ်ရှားသောမွမ်းမံမှုများရရှိနိုင်ပါသည်, စာမျက်နှာတစ်ခုလုံးကိုလန်းဆန်းစေနိုင်သည်။ ဤဆောင်းပါးသည်ဤလုပ်ဆောင်မှု၏အကောင်အထည်ဖော်မှုနည်းလမ်းကိုအသေးစိတ်မိတ်ဆက်ပေးပြီးသက်ဆိုင်ရာ SEO optimization နည်းစနစ်များကိုလည်းမျှဝေမည်ဖြစ်သည်။
Ajax (asynchronous JavaScript javascript နှင့် xml) သည်ဝက်ဘ်စာမျက်နှာများကို server data များကို alcapronously ကိုတောင်းဆိုစေသည့်နည်းပညာဖြစ်သည်။ အောက်ပါအဓိကအကျိုးကျေးဇူးများကိုယူဆောင်လာသည်။
အသုံးပြုသူအတွေ့အကြုံကိုတိုးတက်အောင်လုပ်ပါ။ အကြောင်းအရာကိုလျင်မြန်စွာ တင်. စာမျက်နှာခုန်ခြင်းနှင့်စောင့်ဆိုင်းခြင်းကိုရှောင်ပါ။
ဆာဗာဖိအားကိုလျှော့ချပါ။
Enhanced စာမျက်နှာဆက်သွယ်မှု - ပိုမိုမြန်ဆန်သောတုန့်ပြန်မှုမြန်နှုန်းနှင့်ချောမွေ့သောအသုံးပြုသူစစ်ဆင်ရေးများ။
ပထမ ဦး စွာအကြောင်းအရာ display area ရိယာကိုပြင်ဆင်ပါ။ ဥပမာများမှာအောက်ပါအတိုင်းဖြစ်သည် -
<div id="content"></div>
<button id="loadMore">ပိုပြီး load</button>
JavaScript ကိုနှိပ်ပြီး button ကိုကလစ်နှိပ်ပါ။ နမူနာကုဒ်သည်အောက်ပါအတိုင်းဖြစ်သည် -
document.getElementById("loadMore").onclick = function() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "load_more.php?offset=" + offset, true);
xhr.onload = function() {
if (xhr.status === 200) {
document.getElementById("content").innerHTML += xhr.responseText;
offset += 5; // offset update ကို
}
};
xhr.send();
};
ဆာဗာဘက်တွင် PHP သည်တောင်းဆိုမှု parameters တွေကိုလက်ခံရရှိသည်, offset အရဒေတာဘေ့စ်ကိုရှာဖွေပြီးသက်ဆိုင်ရာအကြောင်းအရာကိုပြန်ပို့သည်။ နမူနာကုဒ်:
<?php
require 'database.php'; // ဒေတာဘေ့စ်ဆက်သွယ်မှု
$offset = isset($_GET['offset']) ? intval($_GET['offset']) : 0;
$query = "SELECT * FROM posts LIMIT 5 OFFSET $offset";
$result = mysqli_query($conn, $query);
while ($row = mysqli_fetch_assoc($result)) {
echo "<h3>" . htmlspecialchars($row['title']) . "</h3>";
}
?>
Offset ၏တိုးမှုကိုရှေ့တန်း javascript မှတဆင့်ထိန်းချုပ်ထားသည်။ "Have More" ခလုတ်ကိုနှိပ်တိုင်းအချိန်တိုင်းဒေတာအသစ်ကိုတောင်းခံပြီး refresh-free loading သက်ရောက်မှုကိုရရှိရန်စာမျက်နှာသို့ထည့်သွင်းနိုင်သည်။
Dynamic Loading ကိုအကောင်အထည်ဖော်သည့်အခါရှာဖွေရေးအင်ဂျင်တွားရန်လိုအပ်ချက်များကိုထည့်သွင်းစဉ်းစားရမည်။
History API သို့မဟုတ် Dynamic Rendering Scheme ၏အကူအညီဖြင့်ပါ 0 င်သောအကြောင်းအရာများကိုပြောင်းလဲနိုင်သည့်အရာများကိုရည်ညွှန်းနိုင်သည်။
Semitic HTML tags များကိုအသုံးပြုခြင်းသည်အကြောင်းအရာဖွဲ့စည်းပုံကိုပိုမိုတိကျစွာနားလည်ရန်အထောက်အကူပြုကိရိယာများကိုပိုမိုတိကျစွာနားလည်သည်။
တောင်းဆိုမှုတုံ့ပြန်မှုမြန်နှုန်းကိုထိန်းသိမ်းရန်နှင့်အသုံးပြုသူအတွေ့အကြုံနှင့်ရှာဖွေရေးအဆင့်ကိုတိုးတက်အောင်လုပ်ပါ။
PHP နှင့် Ajax နည်းပညာများအားဖြည့်စွက်ခြင်းအားဖြင့် refresh လုပ်ခြင်းမရှိဘဲအကြောင်းအရာပိုမိုများပြားလာခြင်း၏လုပ်ဆောင်မှုကိုအလွယ်တကူရရှိနိုင်ပါသည်။ အသုံးပြုသူအတွေ့အကြုံကိုတိုးတက်စေရုံသာမကဆာဗာတွင်ဝန်ထုပ်ဝန်ပိုးကိုထိထိရောက်ရောက်လျှော့ချနိုင်သည်။ တစ်ချိန်တည်းမှာပင်သင့်တော်သော SEO နည်းဗျူဟာများနှင့်ပေါင်းစပ်ပြီးတက်ကြွသောအကြောင်းအရာများသည်ရှာဖွေရေးအင်ဂျင်များကဖော်ရွေသောပါဝင်မှုကိုဖော်ထုတ်နိုင်အောင်သေချာစေပါ။ ဤဆောင်းပါးတွင်ဥပမာများနှင့်အကြံပြုချက်များသည်ဤအင်္ဂါရပ်ကိုအောင်မြင်စွာတည်ဆောက်နိုင်ရန်ကူညီနိုင်သည်။