สอบถามเรื่องการย้อนกลับไปดูข้อมูลทั้งที่่ยังไม่ได้เซฟข้อมูลครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเรื่องการย้อนกลับไปดูข้อมูลทั้งที่่ยังไม่ได้เซฟข้อมูลครับ

สอบถามเรื่องการย้อนกลับไปดูข้อมูลทั้งที่่ยังไม่ได้เซฟข้อมูลครับ
ผมอยากทราบครับว่า ถ้าผมกรอกข้อมูลไว้ที่ page1.php แล้วยังไม่ได้เซฟข้อมูล แล้วผมกดไปดูที่หน้า page2.php ครับ
แล้วผมย้อนกลับมาดูข้อมูลที่เคยกรอกไว้ที่หน้า page1.php แต่ข้อมูลหายครับ ถ้าผมอยากให้ข้อมูลยังอยู่ทั้งๆที่ยังไม่ได้เซฟสามารถทำได้ไหมครับ
ช่วยชี้แนะด้วยครับผม
ขอบคุณครับ


Maxtri 101.109.198.xxx 26-10-2016 14:14:13

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ทำได้ ใช้ javascript ajax หรือ jquery แต่ปกติเขาไม่นิยมทำกัน จะใช้วิธี ใช้เป็น tab เอา ให้ฟอร์มข้อมูลอยู่ในหน้าเดียวกัน
ดูตัวอย่างนี้เป็นแนวทาง

http://www.jquery-steps.com/Examples



ninenik 180.183.53.xxx 26-10-2016
 ความคิดเห็นที่ 2
ขอบคุณครับผม


maxtri 101.109.198.xxx 26-10-2016 15:25
 ความคิดเห็นที่ 3
สอบถามเพิ่มเติมครับ
มีวิธีอื่นไหมครับ นอกจากการใช้ Tab นะครับ (เพื่อไว้กรณีหลายๆทางครับผม)
ขอบคุณครับ


maxtri 1.20.75.xxx 27-10-2016 16:39
 ความคิดเห็นที่ 4
ลองใช้ Web Storage เป็นแนวทาง

การใช้งาน Web Storage Objects ใน HTML5 อย่างง่าย 
http://www.ninenik.com/content.php?arti_id=535 via @ninenik

ตัวอย่าง แทรก javascirpt ในทุกหน้าที่ต้องการเก็บค่า 

<form name="form1" id="form1" method="post" action="">
  <p>
    <input type="text" name="textfield" id="textfield">
  </p>
  <p>
    <textarea name="textarea" id="textarea"></textarea>
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit">
  </p>
</form>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>    
<script type="text/javascript">
$(function(){

	var dataVal = $("#form1").serializeArray();
	var prefix_v="form1_"; // เปลี่ยนค่าแต่ละหน้าห้ต่างกัน
	if(dataVal.length){
		$(dataVal).each(function(i,k){
			var obj = prefix_v+""+dataVal[i].name;
			if(sessionStorage.getItem(obj)){
				$("[name='"+dataVal[i].name+"']").val(sessionStorage.getItem(obj));
			}
		});
	}
	
	$("a").on("click",function(){
		var dataVal = $("#form1").serializeArray();
		if(dataVal.length){
			$(dataVal).each(function(i,k){
				sessionStorage.setItem(prefix_v "" dataVal[i].name,dataVal[i].value);   
			});
		}
	});
	
	
});
</script>


ninenik 180.183.44.xxx 28-10-2016
 ความคิดเห็นที่ 5
สามารถเขียนใส่หน้าการทำงานได้เลยใช่ไหมครับ
ไม่ต้องมานั่งทำ Tab แยกใช่ไหมครับ
ขอบคุณครับ
ผมจะลองนำไปประยุกต์ใช้ครับผม


maxtri 182.52.85.xxx 28-10-2016 16:49
 ความคิดเห็นที่ 6
ได้แล้วครับผม
ขอบคุณมากครับ


maxtri 1.20.75.xxx 29-10-2016 08:19
 ความคิดเห็นที่ 7
เราสามารถแทรกคำสั่ง Clear เข้าไปในโค๊ดที่ให้มาเลยได้หรือเปล่าครับ
หลังจากกด submit แล้วนะครับ
ขอบคุณครับ


maxtri 1.20.75.xxx 29-10-2016 09:21
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ