สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

ภาพประจำตัวสมาชิก
fonfonn
PHP VIP Members
PHP VIP Members
โพสต์: 4983
ลงทะเบียนเมื่อ: 11/07/2022 9:28 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย fonfonn »

wkid เขียน: 20/08/2022 10:36 am

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

<a href="#" onclick="ssss(${c.id})"><span class="glyphicon glyphicon-share"></span></a>
อันนี้เป็นตัวอย่างในส่วนของการดึงค่าครับตรง a herf สามารถ ใส่ onclick ได้ครับ
ตรงส่วนนี้คืออะไรหรอคะ
แล้วเราจะเรียกใช้งานหน้า HTML ยังไงหรอคะ เช่น ต้องมีการเขียน script เพื่อเรียกใช้งาน js หน้าHTML ไหมคะ หรือเราจะทำให้ HTML กับ js เขารู้จักกันได้ยังไงคะ
you're the only one treasure💎
ภาพประจำตัวสมาชิก
fonfonn
PHP VIP Members
PHP VIP Members
โพสต์: 4983
ลงทะเบียนเมื่อ: 11/07/2022 9:28 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย fonfonn »

นี่คือโค้ดที่วางในหน้า js ถูกไหมคะ คือต้องการให้เปิดหน้า index.html
2022-08-20 (2).png
2022-08-20 (2).png (47 KiB) Viewed 1019 times

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

function sh_index(data) {
    setTimeout(() => {
        window.location = 'index.html';
    }, 1000);

}
ส่วนที่ต้องการเรียกใช้งาน หน้า HTML

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

<label for="text-name" class="col-sm-2 col-form-label"><b><a href="#" onclick="sh_index">ใส่ลายน้ำไฟล์ PDF</a></b></label>
คือแบบนี้ เข้าใจถูกไหมคะ
you're the only one treasure💎
ภาพประจำตัวสมาชิก
wkid
PHP VIP Members
PHP VIP Members
โพสต์: 2158
ลงทะเบียนเมื่อ: 17/05/2022 10:37 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย wkid »

fonfonn เขียน: 20/08/2022 10:49 am
wkid เขียน: 20/08/2022 10:36 am

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

<a href="#" onclick="ssss(${c.id})"><span class="glyphicon glyphicon-share"></span></a>
อันนี้เป็นตัวอย่างในส่วนของการดึงค่าครับตรง a herf สามารถ ใส่ onclick ได้ครับ
ตรงส่วนนี้คืออะไรหรอคะ
แล้วเราจะเรียกใช้งานหน้า HTML ยังไงหรอคะ เช่น ต้องมีการเขียน script เพื่อเรียกใช้งาน js หน้าHTML ไหมคะ หรือเราจะทำให้ HTML กับ js เขารู้จักกันได้ยังไงคะ

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

<script type="text/javascript" src="ชื่อjs ที่เราใช้ดึงข้อมูล.js"></script> 
ใส่ในส่วน head ครับ
ทำไมสัตว์ที่น่ากลัวที่สุดถึงตัวเล็กๆที่เรียกว่า Bug ละนั่น );
ภาพประจำตัวสมาชิก
wkid
PHP VIP Members
PHP VIP Members
โพสต์: 2158
ลงทะเบียนเมื่อ: 17/05/2022 10:37 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย wkid »

fonfonn เขียน: 20/08/2022 10:55 am นี่คือโค้ดที่วางในหน้า js ถูกไหมคะ คือต้องการให้เปิดหน้า index.html
2022-08-20 (2).png

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

function sh_index(data) {
    setTimeout(() => {
        window.location = 'index.html';
    }, 1000);

}
ส่วนที่ต้องการเรียกใช้งาน หน้า HTML

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

<label for="text-name" class="col-sm-2 col-form-label"><b><a href="#" onclick="sh_index">ใส่ลายน้ำไฟล์ PDF</a></b></label>
คือแบบนี้ เข้าใจถูกไหมคะ
ส่วนอันนี้ไว้สำหรับเรียกเปลี่ยนหน้าจากการกดปุ่มครับ
ตรงชื่อฟีงก์ชั่นใส่แบบนี้ครับ sh_index()
ตรงฟังก์ชั่นถ้าแค่คลิกแบบไม่ต้องส่งข้อมูลครับ

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

function sh_index() {
    setTimeout(() => {
        window.location = 'index.html';
    }, 1000);

}
ทำไมสัตว์ที่น่ากลัวที่สุดถึงตัวเล็กๆที่เรียกว่า Bug ละนั่น );
ภาพประจำตัวสมาชิก
fonfonn
PHP VIP Members
PHP VIP Members
โพสต์: 4983
ลงทะเบียนเมื่อ: 11/07/2022 9:28 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย fonfonn »

จากที่ทดลองทำนะคะ คือว่าพอสร้างฟังก์ชั่นไว้หน้า js แล้วเรียกใช้งานไม่ได้ค่ะ ไม่รู้ว่าการทำให้หน้า js รู้จักกับ html ถูกไหม ใช้โค้ดนี้ในส่วน head ของ html แต่ไม่ได้

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

<script type="text/javascript" src="index.js"></script> 

เลยทดสอบเขียนฟังก์ชันในหน้า html เลย สามารถเปลี่ยนหน้าไปมาได้
โค้ดหน้า index.html

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

<html>
    <head>
        <script> 
            function sh_index() {
                window.location = 'page2.html';
            }
            setTimeout('sh_index()',10000);
        </script>
        
    </head>
<body>

    <a href="#" onclick="sh_index()">Click me to Page2</a>

</body>
</html> 
โค้ดหน้า page2.html

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

<html>
    <head>
        <script> 
            function sh_page2() {
                window.location = 'index.html';
            }
            setTimeout('sh_page2()',10000);
        </script>
    </head>
<body>

    <a href="#" onclick="sh_page2()"> Click me to Index </a>

</body>
</html> 
ผลลัพธ์คือ สามารถเชื่อมหน้ากลับไปกลับมาได้ เลยอยากทราบว่าอยากให้เปลี่ยนเป็นการเขียนฟังก์ชันไว้หน้า js และเรียกใช้งานหน้า html ตรงส่วนนี้ทำยังไงหรอคะ
you're the only one treasure💎
ภาพประจำตัวสมาชิก
wkid
PHP VIP Members
PHP VIP Members
โพสต์: 2158
ลงทะเบียนเมื่อ: 17/05/2022 10:37 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย wkid »

ขอดู ไฟล์ js ที่สร้างตอนแรกหน่อยครับ
ทำไมสัตว์ที่น่ากลัวที่สุดถึงตัวเล็กๆที่เรียกว่า Bug ละนั่น );
ภาพประจำตัวสมาชิก
fonfonn
PHP VIP Members
PHP VIP Members
โพสต์: 4983
ลงทะเบียนเมื่อ: 11/07/2022 9:28 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย fonfonn »

wkid เขียน: 20/08/2022 5:28 pm ขอดู ไฟล์ js ที่สร้างตอนแรกหน่อยครับ
ใช้รูปแบบการเขียนเหมือนเขียนหน้า HTML เลยค่ะ
js หน้า index.js

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

function sh_index() {
    window.location = 'page2.html';
}
setTimeout('sh_index()',10000);
js หน้า page2.js

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

function sh_page2() {
    window.location = 'index.html';
}
setTimeout('sh_page2()',10000);
you're the only one treasure💎
ภาพประจำตัวสมาชิก
wkid
PHP VIP Members
PHP VIP Members
โพสต์: 2158
ลงทะเบียนเมื่อ: 17/05/2022 10:37 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย wkid »

ชื่อไฟล์ด้วยครับ
ทำไมสัตว์ที่น่ากลัวที่สุดถึงตัวเล็กๆที่เรียกว่า Bug ละนั่น );
ภาพประจำตัวสมาชิก
fonfonn
PHP VIP Members
PHP VIP Members
โพสต์: 4983
ลงทะเบียนเมื่อ: 11/07/2022 9:28 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย fonfonn »

wkid เขียน: 20/08/2022 6:32 pm ชื่อไฟล์ด้วยครับ
ใช่ชื่อไฟล์ของ js ไหมคะ ถ้าชื่อไฟล์คือ index.js กับ page2.js หรือว่าหมายถึงตรงไหนคะ
you're the only one treasure💎
ภาพประจำตัวสมาชิก
wkid
PHP VIP Members
PHP VIP Members
โพสต์: 2158
ลงทะเบียนเมื่อ: 17/05/2022 10:37 am

Re: สอบถามการโค้ดให้ตัวฟอร์มเรียกใช้งาน API ด้วยภาษา JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย wkid »

แคปภาพมาดูตรงไฟล์หน่อยครับ
ทำไมสัตว์ที่น่ากลัวที่สุดถึงตัวเล็กๆที่เรียกว่า Bug ละนั่น );
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 73