ต่อไป »

[JumDaiDee]

พอดีผมเขียน ให้เรียกใช้ fuction อีกตัว แต่เรียกใช้งานค่าที่ return มาไม่ได้ครับ
แนะนำผมด้วยครับ พี่ๆ

โค๊ด:

$(document).ready(function(){

    $(".btn-edit").click(function()
    {
        var aaa = editTable();
        // เรียกใช้วานตัวแปร aaa อย่างไร ถึงจะได้ ค่า A จาก status ไฟล์ test.php ครับ
    });

});

function editTable()
{
    $.post('test.php', function(data)
    {
        return data;

    },'json');
}

test.php

โค๊ด:

$rows = array('status' => 'A');
        return json_encode($rows, JSON_NUMERIC_CHECK);

// เรียกใช้วานตัวแปร aaa อย่างไร ถึงจะได้ ค่า A จาก status ไฟล์ test.php ครับ

[Nomkhonwaan]

ที่ฟังก์ชัน editTable เพิ่มตัวแปร callback ลงไป

โค๊ด:

function editTable(cb) {
  $.post('test.php',function(data) {
    cb(data);
  }, 'json');
}

ที่ event คลิกเปลี่ยนจาก return เป็นเรียกใช้งาน callback

โค๊ด:

// var aaa = editTable();
editTable(function(data) {
  alert(data);
});

เพราะว่า JavaScript ทำงานแบบ a-synchronize เมื่อเราเรียกใช้งาน resource ภายนอกมันจะ "กระโดดข้าม" บรรทัดที่ต้องรอการทำงานไปเลย

ในกรณีนี้คือ $.post ซึ่งต้องรอ response กลับจาก server มันเลยข้ามไปทำบรรทัดถัดไปทันที ส่งผลให้ตัวแปร aaa เป็นค่าว่าง

คำอธิบายเพิ่มเติมครับ

http://stackoverflow.com/quest...ax-call-success#answer-5316805

 

[Nokky@#]

ผมว่า document.ready เกิดก่อน ajax success ครับ

วิธีคือต้องใส่โค้ดที่จะรับค่าจาก ajax ไว้ใน

$.post('test.php', function(data)
    {
        return data; //ใส่โค้ตตรงนี้

    },'json');

[JumDaiDee]

ทำได้แล้วครับ ขอบพระคุณมากๆ เลยครับ +1