วิธีการ Redirect Web ไปยัง Web Page ที่ต้องการ

เคยบ้างไหมครับ เวลาที่เราที่เราทำเว็บ แล้วอยากให้ผู้ชมที่เข้ามานั้นกระโดดไปยังอีก Web Page หนึ่งตามที่เราต้องการโดยอัตโนมัติ

วิธีที่จะทำได้นั้น เรียกว่าการ Redirect Webpage ซึ่งเป็นการกำหนดค่าให้กับ Web Page ใดๆ เพื่อให้ Web Browser ทำการเปลี่ยนไปอีก Web Page หนึ่งตามที่เราต้องการโดยอัตโนมัติ

เราสามารถนำการ Redirect Webpage ไปใช้ประโยชน์ได้ เช่น

ในกรณีที่เราต้องการให้หน้าแรกของเว็บเรานั้นแสดงหน้าอื่นที่ไม่ใช่ /index.html ก็เพียงนำ Code Redirect ไปใส่ไว้ใน /index.html เพื่อให้ผู้ชมที่เข้ามากระโดดไปยัง Web Page อื่นที่เราต้องการโดยอัตโนมัติ

Redirect Webpage

หรืออีกตัวอย่างหนึ่ง คือการกำหนด Redirct ใน “หน้าขอบคุณ” เช่น ถ้าเราสร้าง Form เพื่อรับข้อมูลจากผู้ใช้งาน เมื่อผู้ใช้งานกด Submit แล้วจะมีหน้าขอบคุณแสดงขึ้นมา เราอาจจะกำหนดให้หน้าขอบคุณนี้แสดงขึ้นมาแค่ช่วงเวลาที่เราต้องการ และให้กระโดดไปยังหน้าเดิม หรือหน้าอื่นโดยอัตโนมัติได้เลย ผู้ใช้จะได้ไม่ต้องเสียเวลากด Link เอง

Redirect Webpage

การทำ Redirect Webpage ที่จะแนะนำมี 2 วิธีดังนี้ครับ

วิธีใช้กับไฟล์ HTML

<html>
<head>
<title>Redirect Web</title>
<meta http-equiv=“refresh” content=“5; URL = http://www.web.com/new.html” />
</head>
<body>Redirect page Body</body>
</html>

วิธีนี้สามารถกำหนดค่า CONTENT=5 ได้เพื่อหน่วงเวลาได้ เช่นถ้าต้องการให้รอ 5 วินาทีก่อนที่จะเปลี่ยนไปยังหน้าใน URL ใหม่ แต่ถ้าไม่ต้องการรอก็ให้ใส่ค่า CONTENT=0

วิธีใช้กับไฟล์ PHP

<?php header( “Location: http://www.web.com/new.html”) ; ?>

นำ function นี้ไปใส่ไว้ที่ส่วนไหนก็ได้ในหน้าที่เป็นไฟล์ .php เมื่อ Run หน้านี้ จะถูก Redirect ไปยังหน้า new.html


 
 
 

5 Responses to “วิธีการ Redirect Web ไปยัง Web Page ที่ต้องการ”

  1. i n v i s i b l e
    26. May 2007 at 22:43

    ว้าวๆ ความรู้ล้วนๆ

    ขอบคุณมากนะค๊า

  2. Rije
    12. June 2007 at 18:26

    โอ้ววว ขอบคุณมาจ้า
    หาอยู่พอดีเลย ^^
    แล้วถ้าใช้แบบ php มันจะ redirect ไปทันทีเลยเปล่า
    หรือว่าต้องรอ 5 วิเหมือนกัน
    เราอยากได้แบบรีไปเลยอ่ะ

  3. Donuzz
    12. June 2007 at 21:20

    แบบ php จะ redirect ไปทันทีเลยครับ

    ถ้าแบบ html ให้เปลี่ยนจาก 5 เป็น 0 ก็จะ redirect ไปได้ทันทีเหมือนกัน

  4. วิธีการ Redirect Web ไปยัง Web Page ที่ต้องการ « TomSolutions.Net
    9. October 2007 at 21:15

    [...] วิธีการ Redirect Web ไปยัง Web Page ที่ต้องการ 09Oct07 วิธีการ Redirect Web ไปยัง Web Page ที่ต้องการ [...]

  5.   How to > URL Redirect by TomSolutions.Net
    15. October 2007 at 11:06

    [...] ref : http://www.donuzz.com/how-to-redirect-web-page#more-114 [...]

Leave a Reply