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

Registered : 109,027

HOME > PHP > PHP Forum > อยากจะถามเทคนิคการเขียน jQuery หน่อยครับ



 

อยากจะถามเทคนิคการเขียน jQuery หน่อยครับ

 



Topic : 114661



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



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




ถ้าเขียน Jquery กับ Ajax ประมาณว่า คลิกแล้วทำการ select ข้อมูลออกมาแสดงในตาราง

ผมเขียนอยู่ภายใต้ $(document).ready(function()

อยากทราบว่าควรจะเขียนแบบนี้ไหมครับ เพราะรู้สึกว่ามันรวนๆ แปลก

อาการรวนคือ เวลา กดคลิกข้อมูลหลายๆครั้ง เหมือนมันเก็บค่าเก่าก่อนหน้านี้ไว้ด้วย พอจะกดเลือกข้อมูลมาแก้ไข มันจะเอาข้อมูลที่คลิกมาแสดงตามจำนวนที่คลิ๊กปุ่ม แสดงข้อมูลเลยครับ (คลิกปุ่ม 3 ครั้ง มันก็ดึงค่านั้นมา 3 ค่า) งงเลยครับ

ผมลองย้ายคำสั่งออกมานอก $(document).ready(function() มันก็ไม่ทำงาน

ผมอยากรู้ว่าส่วนใหญ่เขาเขียน Jquery กันยังไงครับ ทุกวันนี้ ไม่ว่าจะเขียน event ไหน ผมจับให้ทุก Event ที่เขียนอยู่ภายใต้ $(document).ready(function() หมดเลย





Tag : PHP, JavaScript, Ajax







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-02-24 21:42:18 By : tatalas View : 1032 Reply : 6
 

 

No. 1



โพสกระทู้ ( 4,706 )
บทความ ( 8 )



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


Code (JavaScript)
$(document).ready(function() {
    //.....เริ่มโค้ดในนี้
});

โค้ดข้างบน หรือ
Code (JavaScript)
$(function() {
    //....เริ่มโค้ดในนี้
});

มีความหมายเหมือนกัน คือเริ่มทำงานเมื่อวินโดวโหลดหน้าเว็บนั้นเสร็จแล้ว
การย้ายออกไปนอกตัวคลุมนี้จะทำให้โค้ดที่เขียนถูกทำงานทันที ซึ่งอาจจะเกิด error ในกรณีที่ไม่ได้ใส่ jquery ก่อนโค้ด เช่น เอา jquery ไปไว้ด้านล่างสุดต่ำกว่าตัวโค้ดที่สั่งทำงาน.

จากปัญหาของคุณ เข้าใจว่าเอาโค้ดไว้ในหน้าที่ถูกเรียก ajax ด้วยหรือเปล่า?
ถ้าจะมี js ในหน้าที่ถูกเรียก ajax ด้วย ให้เอาไว้ในหน้าผู้เรียก ajax เลยแล้วเรียกฟังก์ชั่นเอา ทุกครั้งที่ทำงานเสร็จในกระบวนการของมันก็พยายามเคลียร์ค่าต่างๆ เวลาเรียกใช้ใหม่จะได้ไม่เอาของซ้ำๆซากๆมาทำอีก






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-02-24 22:31:08 By : mr.v
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.v เมื่อวันที่ 2015-02-24 22:31:08
รายละเอียดของการตอบ ::
ขอบคุณครับ

นั่นคือปัญหาเลยครับ ผมไม่รู้ว่าจะเคลียร์ค่ามันยังไง โดยไม่ reload page ใหม่

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-02-24 23:01:03 By : tatalas
 

 

No. 3



โพสกระทู้ ( 9,544 )
บทความ ( 2 )



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


เป็นลักษณะวิธีการเรียกใช้ตัวแปร

ใส่ var a = ''; เป็นการประกาศตัวแปรใหม่ ได้ค่าใหม่

ถ้าประกาศตัวแปรไว้ นอก function จะเป็นการประกาศแบบ global

ศึกษาเรื่อง ตัวแปรให้ดีครับ และจะเป็นประโยชน์ต่อไปด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-02-25 07:59:27 By : Chaidhanan
 


 

No. 4



โพสกระทู้ ( 4,706 )
บทความ ( 8 )



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


ตอบความคิดเห็นที่ : 2 เขียนโดย : tatalas เมื่อวันที่ 2015-02-24 23:01:03
รายละเอียดของการตอบ ::
พวกตัวแปรเคลียได้โดยใช้ delete เช่น delete this_var;
โดย delete จะทำการลบถ้าไม่มีประกาศ var และจะทำการคืนค่าเดิมถ้ามีประกาศ var

ผมว่าลองเขียนออกมาเป็นผังการทำงานก่อน จะได้แก้ปัญหาได้ง่ายขึ้นว่าการโหลดซ้ำๆซ้อนๆอย่างนี้จะเกิดจาก flow ไหนได้บ้าง
ใช้การโค้ดในฟังก์ชั่นใส่ในหน้าผู้เรียก ajax อย่างที่ผมบอกก็แก้ได้เหมือนกัน ผมเคยเจอมาแล้วแบบนี้ ไม่ยากมั้ง (ไม่รู้ว่าของคุณจะซับซ้อนมั้ย ถ้าซับซ้อนมากก็ยากหน่อย)

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-02-25 08:13:20 By : mr.v
 


 

No. 5



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



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

ดึงค่า 3 ค่าคือมันไม่เคลียร์ค่าเก่าเหรอครับ?
object -> html ??
object -> append ??
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-02-25 09:00:08 By : {Cyberman}
 


 

No. 6



โพสกระทู้ ( 9,544 )
บทความ ( 2 )



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


Code (JavaScript)
var a=$(obj).html(); // อ่านค่าจาก obj
$(obj).html( 'set new data' );

$(obj).append( 'ใช้ต่อท้ายข้อมูลเก่า');

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-02-25 16:15:41 By : Chaidhanan
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากจะถามเทคนิคการเขียน jQuery หน่อยครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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