PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

โดย:  Maxtri IP: 101.109.198.xxx วันที่: 26-10-2016 เวลา: 14:14:13

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 7
เราสามารถแทรกคำสั่ง Clear เข้าไปในโค๊ดที่ให้มาเลยได้หรือเปล่าครับ
หลังจากกด submit แล้วนะครับ
ขอบคุณครับ

โดย:  Maxtri IP: 1.20.75.xxx วันที่: 29-10-2016 เวลา: 09:21:26
 ความคิดเห็นที่ 6
ได้แล้วครับผม
ขอบคุณมากครับ

โดย:  Maxtri IP: 1.20.75.xxx วันที่: 29-10-2016 เวลา: 08:19:47
 ความคิดเห็นที่ 5
สามารถเขียนใส่หน้าการทำงานได้เลยใช่ไหมครับ
ไม่ต้องมานั่งทำ Tab แยกใช่ไหมครับ
ขอบคุณครับ
ผมจะลองนำไปประยุกต์ใช้ครับผม

โดย:  Maxtri IP: 182.52.85.xxx วันที่: 28-10-2016 เวลา: 16:49:28
 ความคิดเห็นที่ 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 IP: 180.183.44.xxx วันที่: 28-10-2016
 ความคิดเห็นที่ 3
สอบถามเพิ่มเติมครับ
มีวิธีอื่นไหมครับ นอกจากการใช้ Tab นะครับ (เพื่อไว้กรณีหลายๆทางครับผม)
ขอบคุณครับ

โดย:  Maxtri IP: 1.20.75.xxx วันที่: 27-10-2016 เวลา: 16:39:02
 ความคิดเห็นที่ 2
ขอบคุณครับผม

โดย:  Maxtri IP: 101.109.198.xxx วันที่: 26-10-2016 เวลา: 15:25:00
 ความคิดเห็นที่ 1
ทำได้ ใช้ javascript ajax หรือ jquery แต่ปกติเขาไม่นิยมทำกัน จะใช้วิธี ใช้เป็น tab เอา ให้ฟอร์มข้อมูลอยู่ในหน้าเดียวกัน
ดูตัวอย่างนี้เป็นแนวทาง

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



โดย:  Ninenik IP: 180.183.53.xxx วันที่: 26-10-2016