ตัวอย่างพัฒนา phpBB การส่งค่าจากฟอร์ม (POST) ด้วย javascript

phpBB Extension Developing Knowledge สำหรับ แชร์ความรู้การพัฒนา extension ของ phpBB 3.1

Moderator: phpbb, mindphp, ผู้ดูแลกระดาน

thatsawan
phpBBThailand Sr. Member
phpBBThailand Sr. Member
โพสต์: 57
ลงทะเบียนเมื่อ: 31 มี.ค. 2014, 10:10

ตัวอย่างพัฒนา phpBB การส่งค่าจากฟอร์ม (POST) ด้วย javascript

โพสต์โดย thatsawan » 22 มี.ค. 2016, 16:41

โค้ด: เลือกทั้งหมด

    <form onsubmit="return false;">
                <table>
                        <tr><td class="label"><label>ชื่อช่างภาพ:</label></td><td class="field"><input type="text" name="name" value="{IMAGE_PHOTOPH}" title="Please enter your name" id="name"  /></td></tr>
                        <tr><td class="label"><label>ขนาดของภาพ: </label></td><td class="field"><input type="text" name="size" value="{IMAGE_SIZE}" title="" id="size"  /></td></tr>
                        <tr><td class="label"><label>ภาพถ่ายโดยกล่อง:</label></td><td class="field"><input type="text" name="model" value="{IMAGE_MODEL}" title="" id="model"  /></td></tr>
                        <tr><td class="label"><label>แต่งภาพด้วย:</label></td><td class="field"><input type="text" name="software" value="{IMAGE_SOFT}" title="" id="software"  /></td></tr>
                        <tr><td class="label"><label>ราคาภาพ:</label></td><td class="field"><input type="text" name="price" value="{IMAGE_PRICE}" title="" id="price"  /></td></tr>

                        <tr><td class="label">&nbsp;</td><td class="field"><button onclick="submitComment({IMAGE_ID});
                                        return false;"
>update</button></td></tr>
                </table>
        </form



ไฟล์ JS

โค้ด: เลือกทั้งหมด

function submitComment(id) {
        var name = $('#name').val(); 
        var size 
= $('#size').val();
        var model = $('#model').val();
        var software = $('#software').val();
        var price = $('#price').val();
//{URL_UPDATE_DATA_IMG}
        if (name && size && model && software && price) {
                $.post('http://localhost/phpbb6/app.php/show_image/accept_update', {action: 'accept_update', name: name, text: size, model: model, software: software, price: price,id: id},
               //...
        } else {
                $('#comments_warning1').fadeIn(1000, function () {
                        $(this).fadeOut(1000);
                });
        }
}; 


ไฟล์ php (http://localhost/phpbb6/app.php/show_image)

โค้ด: เลือกทั้งหมด

    
    switch 
($action) {
    case 'accept_update':

                $data_update = array(
                    'name' => $this->request->variable('name', '', true),
                    'size' => $this->request->variable('size', 0),
                    'model' => $this->request->variable('model', '', true),
                    'software' => $this->request->variable('software', '', true),
                    'price' => $this->request->variable('price', '', true),
                );

                print_r($data_update);
                exit;
                break;
                }

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 6 และ บุคคลทั่วไป 0 ท่าน