လက်ရှိတည်နေရာ: ပင်မစာမျက်နှာ> နောက်ဆုံးရဆောင်းပါးများစာရင်း> JSON တုံ့ပြန်မှုခေါင်းစီးကို Ajax ခေါ်ဆိုမှုများဖြင့်တည်ဆောက်ခြင်း

JSON တုံ့ပြန်မှုခေါင်းစီးကို Ajax ခေါ်ဆိုမှုများဖြင့်တည်ဆောက်ခြင်း

M66 2025-05-18

JSON တုံ့ပြန်မှုခေါင်းစဉ်ကို header function ကို header function နှင့်ဘယ်လိုသတ်မှတ်ရမလဲ။

0 က်ဘ်ဆိုက်မဖွံ့ဖြိုးတိုးတက်မှုတွင် asynchronous တောင်းဆိုမှုဆိုင်ရာအချက်အလက်အပြန်အလှန်ဆက်သွယ်မှုကိုရှေ့တန်းမှတောင်းဆိုမှုဆိုင်ရာအချက်အလက်အပြန်အလှန်ဆက်သွယ်မှုကိုကိုင်တွယ်ရန်မကြာခဏလိုအပ်သည်။ Browser (ဘရောက်ဇာသည် Returned data format ကိုမှန်ကန်စွာလုပ်ဆောင်နိုင်ကြောင်းသေချာစေရန်မှန်ကန်သောတုံ့ပြန်မှုခေါင်းစဉ်သတင်းအချက်အလက်ကိုသတ်မှတ်ရန်လိုအပ်သည်။ ကျွန်ုပ်တို့ပြန်လာသည့်အချက်အလက်များကိုကျွန်ုပ်တို့လိုအပ်ပါက JSON format တွင်ပါ 0 င်စေလိုပါက HTTP တုန့်ပြန်မှုခေါင်းစဉ်ကိုသတ်မှတ်ရန် PHP သည် header () function ကိုထောက်ပံ့ပေးသည်။ ဤဆောင်းပါးသည် JSO Responness header header ကို Ajax ဖြင့်တည်ဆောက်ရန် header () function ကိုမည်သို့အသုံးပြုရမည်ကိုရှင်းပြပါလိမ့်မည်။

JSON တုံ့ပြန်မှုခေါင်းစီးကိုတည်ဆောက်ခြင်း

JSON format data ကို client သို့ပြန်သွားရန်အတွက် အကြောင်းအရာအမျိုးအစားကို HTTP တုန့်ပြန်မှုခေါင်းစဉ်ရှိ application / JSON ကိုမှန်ကန်စွာသတ်မှတ်ရန်သေချာအောင်လုပ်ပါ။ ဤနည်းအားဖြင့်၎င်းသည် JSON format ဖြင့်အချက်အလက်များ,

 <?php
// တုံ့ပြန်မှုခေါင်းစီးကိုသတ်မှတ်ပါ,အဖြစ်ပြန်လာဒေတာအမျိုးအစားကိုသတ်မှတ်ပါ JSON
header('Content-Type: application/json');

// Associative Array တစ်ခုဖန်တီးပါ,ပြန်လာခံရဖို့ဒေတာကိုညွှန်ပြ
$response = array(
    'status' => 'success',
    'message' => 'Data has been successfully processed.'
);

// အသုံးပြု json_encode() function ကို array ကိုပြောင်းလဲ JSON ပမာဏ
echo json_encode($response);
?>

Ajax ခေါ်ဆိုမှုနှင့်အတူပေါင်းစပ်

မှန်ကန်သော JSON REASTRATE header ကိုသတ်မှတ်သည့်အခါပြန်လာသော JSONS အချက်အလက်များကို Ajax ခေါ်ဆိုမှုမှတဆင့်ရယူနိုင်သည်။ တောင်းဆိုမှုများကိုပေးပို့ရန်နှင့်ဒေတာများကိုပေးပို့ရန်အတွက် Front-end သည် JavaScript ၏ function ( jQuery's $ jQuery) ကိုအသုံးပြုသည်ဆိုပါစို့။ Fetch () နှင့် JSON တုံ့ပြန်မှုကိုအသုံးပြုခြင်းကို အသုံးပြု. တောင်းဆိုမှုကိုပေးပို့ခြင်းဥပမာတစ်ခုမှာဤတွင်ဖော်ပြထားသည်။

Fetch ကို အသုံးပြု. Ajax တောင်းဆိုမှုကိုပေးပို့ပါ ()

 fetch('http://m66.net/api/data.php', {
    method: 'GET'
})
.then(response => response.json()) // သုံးသပ်ကြည့်ရှုခြင်း JSON အချက်များ
.then(data => {
    console.log(data);  // 在控制台输出返回的အချက်များ
})
.catch(error => console.error('Error:', error));

jQuery's $ ajaajax () ကို အသုံးပြု. တောင်းဆိုမှုကိုပေးပို့ပါ။

 $.ajax({
    url: 'http://m66.net/api/data.php',
    type: 'GET',
    dataType: 'json',  // 指定返回的အချက်များ类型为 JSON
    success: function(data) {
        console.log(data);  // 在控制台输出返回的အချက်များ
    },
    error: function(xhr, status, error) {
        console.error('Error:', error);
    }
});

ပြည့်စုံဥပမာ

ဒီနေရာမှာ header () function ကို အသုံးပြု. JSON တုံ့ပြန်မှုခေါင်းစဉ်ကိုဘယ်လိုတပ်ဆင်ပြီး Ajax မှတဆင့်ဒေတာကိုဖြတ်ပြီးဒေတာကိုရယူနိုင်ပါတယ်။

PHP (data.php)

 <?php
// တုံ့ပြန်မှုခေါင်းစီးကိုသတ်မှတ်ပါ,အဖြစ်ပြန်လာဒေတာအမျိုးအစားကိုသတ်မှတ်ပါ JSON
header('Content-Type: application/json');

// Associative Array တစ်ခုဖန်တီးပါ,ပြန်လာခံရဖို့ဒေတာကိုညွှန်ပြ
$response = array(
    'status' => 'success',
    'message' => 'Data has been successfully processed.',
    'data' => array('item1', 'item2', 'item3')
);

// အသုံးပြု json_encode() function ကို array ကိုပြောင်းလဲ JSON ပမာဏ
echo json_encode($response);
?>

JavaScript (Front-end)

 fetch('http://m66.net/api/data.php', {
    method: 'GET'
})
.then(response => response.json()) // သုံးသပ်ကြည့်ရှုခြင်း JSON အချက်များ
.then(data => {
    console.log(data);  // 在控制台输出返回的အချက်များ
})
.catch(error => console.error('Error:', error));

မှတ်သားရန်အရာ

  1. JSON ကိုမှန်ကန်စွာပုံစံချသည်ကိုသေချာအောင်လုပ်ပါ ။ PHP တွင်ပြန်လာသောအချက်အလက်များသည်တရားဝင် JSON ပုံစံတွင်ရှိသင့်သည်။ PHP arrays များကို JSON format ရှိကြိုးများသို့ပြောင်းရန် JSON_enCode () function ကိုသုံးနိုင်သည်။

  2. Cors ပြ Proble နာ : ရှေ့တန်းနှင့်နောက်ခံအဆုံးသည်တူညီသောဒိုမိန်းအမည်အောက်တွင်မပါ 0 င်ပါက, Cross-Domain တောင်းဆိုမှုများကိုခွင့်ပြုရန် PHP တွင် Access-control-provality header header ကိုသတ်မှတ်ရန်လိုအပ်သည်။

     header('Access-Control-Allow-Origin: *');
    

    ၎င်းသည်သင်၏ API ကိုဝင်ရောက်ရန်ဒိုမိန်းတောင်းဆိုမှုများကိုခွင့်ပြုလိမ့်မည်။

  3. အမှားကိုင်တွယ်ခြင်း - JSON တုံ့ပြန်မှုများကိုကိုင်တွယ်သောအခါ HTTP status code သည် 200 မဟုတ်သည့်ပြန်လာသည့်အမှားအချက်အလက်များကိုမှန်ကန်စွာကိုင်တွယ်နိုင်အောင်ရှေ့တန်းတွင်မှန်ကန်စွာကိုင်တွယ်နိုင်အောင်ပြုလုပ်ပါ။

မှန်ကန်သောတုံ့ပြန်မှုခေါင်းစဉ်ကိုသတ်မှတ်ခြင်းနှင့် Ajax ကိုအသုံးပြုပြီး Ajax ကို အသုံးပြု. JSON ဒေတာများကိုရှေ့နှင့်နောက်ပိုင်းအကြားထိရောက်စွာဖြတ်သန်းသွားနိုင်သည်။