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 > มีวีธีเรียกใช้ javascript แบบไม่ผ่าน event ไหม ตรับ



 

มีวีธีเรียกใช้ javascript แบบไม่ผ่าน event ไหม ตรับ

 



Topic : 135079



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



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




Code (JavaScript)
<script language=Javascript>
         function Inint_AJAX() {
            try { return new ActiveXObject("Msxml2.XMLHTTP");  } catch(e) {} //IE
            try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
            try { return new XMLHttpRequest();          } catch(e) {} //Native Javascript
            alert("XMLHttpRequest not supported");
            return null;
         };
 function dochange2(src, val) {
							var req = Inint_AJAX();
							req.onreadystatechange = function () {
									 if (req.readyState==4) {
												if (req.status==200) {
														 document.getElementById(src).innerHTML=req.responseText; //รับค่ากลับมา
												}
									 }
							};
							req.open("GET", "planPO1.php?data="+src+"&val="+val); //สร้าง connection
							req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8"); // set Header
							req.send(null); //ส่งค่า
				 }
 window.onLoad=dochange2('PO', -1);
</Script>
Code (PHP)
	echo " <input type='text' name = 'testPO' id = 'testPO' value='".$_SESSION["PONR"]."' onFocus = \"dochange2('Color', document.getElementById('testPO').value);\" >";
							if($_SESSION["PONR"]!=null){
					 ?>
					 <script language=Javascript>
						call.dochange2('Color',document.getElementById('testPO').value);
					 </script>
					 <?php
				 	}





Tag : PHP, Oracle, HTML, CSS, HTML5, JavaScript







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2020-04-03 12:02:30 By : zoneteendome View : 849 Reply : 6
 

 

No. 1



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

Hall of Fame 2012

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


เทคโนโลยี ajax ตัวนี้มันน่าจะราวๆ 10 ปีได้แล้วครับ ซึ่ง ณปัจจุบันเทคโนโลยีไปถึง ajax&jquery เลิกใช้แบบดั้งเดิมเถอะครับคำสั่งจะสั้นกว่า
https://www.thaicreate.com/community/jquery-ajax-json.html
Code (PHP)
<script type="text/javascript">
		$(document).ready(function() {
			
					$.ajax({
					   type: "POST",
					   url: "post.php",
					   data: $("#frmMain").serialize(),
					   success: function(result) {
					       alert(result.customerid);
					       alert(result.name);
					       alert(result.email);
					       alert(result.countrycode);
					       alert(result.budget);
					       alert(result.used);
					   }
					 });
	
		});
</script>







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-04-03 12:39:39 By : Genesis™
 


 

No. 2



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



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


เรียกใช้ยังไงครับ ครั้งเดียว

นำ script ่javascript ไปไว้ ท้ายสุด มันก็จะทำงาน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-04-03 13:17:14 By : Chaidhanan
 

 

No. 3



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



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


คือผมต้องการเรียก dochage2 แบบไม่ต้องมี event ไรเลยครับ และ การทำงานอันนี้มันจะเลือก id 1 ไปค้นหา id ที่เป็นข้อมูลลูกของ id 1 เหมือนการทำงานเลือกจังหวัด เลือกอำเภอ เลือกตำบล ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-04-03 13:29:31 By : zoneteendome
 


 

No. 4



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



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


ไม่น่าใช่ concept ของ html javascript นะครับ เพราะ concept มันใช้ event ในการทำงาน ไม่กดเม้าส์ ก็คีย์บอร์ด
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-04-03 14:54:59 By : Chaidhanan
 


 

No. 5



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



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


ครับ งั้นเดี่ยวผมลองเปลี่ยน เป็น jquery ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-04-03 15:30:34 By : zoneteendome
 


 

No. 6



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



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


js จะทำงานโดย
1 เริ่มจากการโหลดหน้าเว็บ ไม่ว่า on load, on dom ready, ฯลฯ หรืออะไรก็ตาม,
2 เริ่มทำงานโดยเรียกไปยังคำสั่งจากการกระทำของผู้ใช้ เช่น การกดปุ่ม, การสกรอลหน้า, ฯลฯ
ที่นึกออกมีเท่านี้ อาจจะมีอีกแต่นึกไม่ออก
จะเห็นว่าทั้ง 2 ข้ออยู่บน event ทั้งนั้น เพียงแต่บางทีมันไม่ได้เขียนดักที่ event โดยตรงหรืออาจะไม่ใช่รูปแบบของ event ตามตรง แต่ก็ใช้ event อยู่ดี.


อนึ่ง js ajax นั้นใช้ new XMLHttpRequest(); ถูกแล้ว ดังตัวอย่างของใหม่ๆ...
https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX
https://developer.mozilla.org/en-US/docs/Web/API/History_API/Example
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest
เพียงแต่ว่าการใช้ jquery จะทำให้สั้นกว่าจริง แต่ก็มีหลายคนทักท้วงถึงความช้าอืดหนืดของมัน.
อ้างอิง..
https://dev.to/darkknight/why-not-to-use-jquery-in-a-javascript-framework-497f
http://youmightnotneedjquery.com/
https://stackoverflow.com/questions/5099949/what-are-some-empirical-technical-reasons-not-to-use-jquery
ทั้งนี้ผมก็ไม่เคยเอามาทดสอบและยังไม่เคยหาผลการทดสอบว่าทำไมจึงหนัก? ต้องทำงานขนาดไหนจึงหนัก?
ดังนั้นในงานแจกหรืองานจริงของผม ผมก็พยายามเปลี่ยนมาใช้ native javascript คือของเดิมๆให้มากที่สุด ตัวอย่าง...
https://github.com/Rundiz/rundiz-template-for-admin
https://github.com/RundizBones/ModuleAdmin
แต่ผมก็ไม่ได้ทิ้ง jquery และจะไม่ขอพูดอย่างสุดโต่งเพราะก็อ่านมาทั้ง 2 ฝั่ง เห็นว่าอะไรใช้งานได้ก็ควรใช้อะไรทำให้เบาได้ก็ทำ อันไหนเลี่ยงไม่ได้ jquery ดีกว่าก็ใช้มัน มันเป็นแค่เครื่องมือให้เราใช้.

ที่รู้มาคือเดิม jquery เกิดมาเพื่อทำให้ cross browser เป็นเรื่องง่าย แต่ปัจจุบันการผลักให้คนไปใช้เบราเซอร์รุ่นใหม่ๆเป็นเรื่องควรทำและเบราเซอร์รุ่นใหม่ๆมักจะรองรับ cross browser ซะส่วนมากแล้วเขียนทีเดียวทำงานได้หมด ประมาณนั้น.
อีกเรื่องคือ jquery ทำให้เขียนสั้นลง แต่ js รุ่นใหม่ๆ (es 2015 เรื่อยมา) ก็มีอะไรใหม่ๆให้ใช้ให้เขียนได้สั้นลงเยอะแล้ว ดังนั้นแล้วแต่พิจารณาเป็นงานๆไปนะครับ.
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-04-03 20:25:42 By : mr.v
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : มีวีธีเรียกใช้ javascript แบบไม่ผ่าน event ไหม ตรับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 00
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 อัตราราคา คลิกที่นี่