Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,479

HOME > PHP > PHP Forum > เปลี่ยนค่าในฐานข้อมูลไปมาในปุ่มเดียวแบบไม่รีเฟรชหน้า อาจใช้ ajax ต้องทำยังไงหรอครับ



 

เปลี่ยนค่าในฐานข้อมูลไปมาในปุ่มเดียวแบบไม่รีเฟรชหน้า อาจใช้ ajax ต้องทำยังไงหรอครับ

 



Topic : 120514



โพสกระทู้ ( 216 )
บทความ ( 1 )



สถานะออฟไลน์
Twitter Facebook Blogger



--- ได้แล้วนะครับ : https://www.thaicreate.com/php/forum/120514.html#3 ---


สวัสดีครับ
คือผมต้องการทำปุ่มเปลี่ยน Status ไปมาอะครับ โดยต้องการทำปุ่มเดียว ให้ทำหน้าที่ได้ 2 อย่าง คือ อัพเดทฟิว status เป็น online กับ offline แบบสามารถเปลี่ยนไปเปลี่ยนมาได้โดยไม่ต้องรีเฟรชหน้า และเปลี่ยนชื่อปุ่มไปด้วยเช่นเดิม online พอเปลีย่นแล้วก็เป็น offline ถ้าเปลี่ยนอีกก้เป็น online เท่าที่ลองทำคร่าวๆใช้ ajax แต่ปัญหาคือพอเปลี่ยนค่าแล้วมันต้องรีเฟรชหน้าก่อนถึงจะเปลี่ยนค่าได้อีกครั้ง
ขอบคุณครับ

อันนี้โค้ดที่ผมทำไว้แล้วยังมีปัญหาอะครับ



Tag : PHP, Ajax, jQuery









ประวัติการแก้ไข
2015-12-17 15:55:33
2015-12-17 15:55:48
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-12-17 00:35:11 By : kuzaa516 View : 1187 Reply : 3
 

 

No. 1



โพสกระทู้ ( 1,636 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

08.data: 'updateStatusStore={ "setStatusStore":"1" }',
09.success:function( result_response ){

ตัวแปรสำหรับรับข้อมูลที่ส่งกลับมา ลืมหรืออย่างไรครับ หรือว่าไม่ต้องการค่าส่งกลับ
ถ้าไม่ต้องการ แล้วจะ echo ออกมาทำไมครับที่โค๊ดตัวรับ

ส่วนบันทัดที่ 08 เขียนใหม่ด้วยรูปแบบที่มันชัดเจนกว่านี้ครับ
กรณีส่งเป็น object
data:{ updateStatusStore: { setStatusStore: "1" } },

กรณ๊ส่งเป็นเทค
data:{ updateStatusStore: '{ setStatusStore: "1" }' },

jquery อาจสับสนระหว่าง text กับ object กรณีมีอักขระพิเศษต่างๆ


การอ้างอิง กรณ๊เป็น object $_REQUEST['updateStatusStore']['setStatusStore']






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-12-17 08:38:31 By : NewbiePHP
 


 

No. 2



โพสกระทู้ ( 216 )
บทความ ( 1 )



สถานะออฟไลน์
Twitter Facebook Blogger

ตอบความคิดเห็นที่ : 1 เขียนโดย : NewbiePHP เมื่อวันที่ 2015-12-17 08:38:31
รายละเอียดของการตอบ ::
มันก็ยังเปลี่ยนไปเปลี่ยนมาไม่ได้อะครับ คือต้องการให้มันกดเปลี่ยนไปมาได้โดยที่เราไม่ต้องรีเฟรชหน้าอะครับ ไม่รุ้ว่าโค้่ดที่ผมเขียนถูกรึป่าวด้วย หรือมีวิธีอื่นแนะนำหน่อยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-12-17 12:33:37 By : kuzaa516
 

 

No. 3



โพสกระทู้ ( 216 )
บทความ ( 1 )



สถานะออฟไลน์
Twitter Facebook Blogger

ได้แล้วนะครับพี่ ขอบคุณมากครับ ขอเอามาเผยแพร่ต่อเพื่อใครกำลังมองหา

อธิบายหลักการ :

ใช้ checkbox โดย checked ค่าที่เป็น online ไว้ และใช้ jquery ตรวจสอบ change ถ้ามีการ change ก็ให้ jquery ตรวจสอบ value ของ checkbox
- ถ้าเป็น 1 (online) ให้ทำการ ajax ค่า 0 ไปเก็บใน db และเซ็ต value ของ checkbox ให้เป็น 0 --- $('#status').val('0'); ---
- ถ้าเป็น 0 (offline) ให้ทำการ ajax ค่า 1 ไปเก็บไว้ใน db และเซ็ต value ของ checkbox ให้เป็น 1 --- $('#status').val('1'); ---
เท่านี้ก็เปลีย่นแปลงค่าไปมาได้โดยไม่ต้องรีเฟรชหน้า ขอบคุณครับ ^ ^

Code (Java)
$(document).ready(function() {
    $('#status').change(function() { // เช็คค่าเปลี่ยนแปลงของ ID status (Checkbox)
        if (this.value == '1') { // เช็ค Value ของ ID status ถ้าเป็น 1
            // ajax ส่งค่าบันทึกข้อมูล ถ้า success ให้เซ็ต value ของ ID status เป็น 0
        } else if (this.value == '0') {  // เช็ค Value ของ ID status ถ้าเป็น 0
            // ajax ส่งค่าบันทึกข้อมูล ถ้า success ให้เซ็ต value ของ ID status เป็น 1
        }
    });
});



Code (PHP)
if(เงื่อนไขเช็คสถานะฟิว status ถ้าเป็น 0){
    echo '<input type="checkbox" id="status" value="0"> '; // offline
} else {
    echo '<input type="checkbox" id="status" value="1" checked> '; // online
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-12-17 15:54:32 By : kuzaa516
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เปลี่ยนค่าในฐานข้อมูลไปมาในปุ่มเดียวแบบไม่รีเฟรชหน้า อาจใช้ ajax ต้องทำยังไงหรอครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2020 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่