Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > ใช้ ajax โหลดเพจที่ใช้งาน jquery ไม่ได้ค่ะ jquery ไม่ทำงานค่ะ

ใช้ ajax โหลดเพจที่ใช้งาน jquery ไม่ได้ค่ะ jquery ไม่ทำงานค่ะ

เริ่มหัวข้อใหม่

csdorm

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

ใช้ ajax โหลดเพจที่ใช้งาน jquery ไม่ได้ค่ะ jquery ไม่ทำงานค่ะ
เนื่องจากว่าได้ใช้ ajax โหลดหน้าเว็บเพจเข้ามาค่ะ แล้วหน้าเว็บเพจนั้นมีการใช้งาน jquery validator ค่ะ แต่เมื่อทำการโหลดมาแล้ว jquery ไม่ทำงานค่ะ เกิดจากอะไรค่ะ ช่วยแนะนำหน่อยค่ะCode (PHP)

หน้าที่ใช้ ajax โหลดเพจค่ะ

	<? 	require_once("../../vali/validation.php");?>
	<script type="text/javascript" src="../../vali/jquery.js"></script>
	<script type="text/javascript" src="../../vali/validation.js"></script>

function LoadPageAdmin(url,cookie,user,idmember,page,order,type){//alert("xxx");
  //var file;
  if(url == 1){
	 	 url = "../pageindex/aboutus1.php";
 		var setCK = 1;
  }else if(url == 2){
	   url = "../pageindex/aboutus2.php";
 		var setCK = 1;
}
  

  var req = Inint_AJAX();
		 req.onreadystatechange = function(){
		    if(req.readyState==4){
			    if(req.status==200){
				   var ret=req.responseText;
				   document.getElementById("mainContent").innertext=ret;
				    if(setCK == 1){
				      Set_Cookie('page',url);
				   }
			
				}
			}/*else{
				   document.getElementById("showpage").innerHTML="<div align=center>กำลังโหลด....</div>";
			}*/
		 };
		 //alert(url);
  req.open("GET",url,true);
  req.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8");
  req.send(null);
	
}

  <div class="mainCenter"></div>

จะโหลดหน้านี้ที่มีการเรียกใช้งาน jquery อยู่ค่ะ
Code (PHP)

<form method="post" id="customForm" action="">
			<div>
				<label for="name">Name</label>
				<input id="name" name="name" type="text" />
				<span id="nameInfo">What's your name?</span>
			</div>
			<div>
				<label for="email">E-mail</label>
				<input id="email" name="email" type="text" />
				<span id="emailInfo">Valid E-mail please, you will need it to log in!</span>
			</div>
			<div>
				<label for="pass1">Password</label>
				<input id="pass1" name="pass1" type="password" />
				<span id="pass1Info">At least 5 characters: letters, numbers and '_'</span>
			</div>
			<div>
				<label for="pass2">Confirm Password</label>
				<input id="pass2" name="pass2" type="password" />
				<span id="pass2Info">Confirm password</span>
			</div>
			<div>
				<label for="message">Message</label>
				<textarea id="message" name="message" cols="" rows=""></textarea>
			</div>
			<div>
				<input id="send" name="send" type="submit" value="Send" />
			</div>
		</form>

Tag : PHP, MySQL

Date : 2011-08-31 21:44:03

By : csdorm

View : 10339

Reply : 5

No. 1

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

Inint_AJAX อยู่ไหนครับ

แล้วแน่ใจว่า
<script type="text/javascript" src="../../vali/jquery.js"></script>
path ถูกต้องแล้ว

Date : 2011-08-31 22:23:45

By : ikikkok

No. 2

csdorm

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

Inint_AJAX มีแล้วค่ะ
<script type="text/javascript" src="../../vali/jquery.js"></script> path เรียกใช้งานถูกต้องค่ะ

ลองเอาโค้ดมาแปะโดยไม่เรียกใช้โดย ajax จะทำให้ใช้งาน jquery ได้ค่ะ
แต่ถ้าโหลดเพจโดยใช้งาน ajax จะไม่สามารถใช้งาน jquery ได้เหมือนเดิมค่ะ

ผู้รู้ช่วยแนะนำหน่อยค่ะ

Date : 2011-09-01 09:20:33

By : csdorm

No. 3

Nico

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

หน้าที่มีการเรียกใช้ Jquery เขียนการใช้ Jquery ไว้ยังไงบ้างครับ

Date : 2011-09-01 09:27:02

By : ไวยวิทย์

No. 4

csdorm

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

เขียนแบบนี้ค่ะ แต่หน้าที่เรียกใช้ ไฟล์ jquery จะเป็นหน้าที่โหลดเพจเข้ามาค่ะ

Code (PHP)

<form method="post" id="customForm" action="">
			<div>
				<label for="name">Name</label>
				<input id="name" name="name" type="text" />
				<span id="nameInfo">What's your name?</span>
			</div>
			<div>
				<label for="email">E-mail</label>
				<input id="email" name="email" type="text" />
				<span id="emailInfo">Valid E-mail please, you will need it to log in!</span>
			</div>
			<div>
				<label for="pass1">Password</label>
				<input id="pass1" name="pass1" type="password" />
				<span id="pass1Info">At least 5 characters: letters, numbers and '_'</span>
			</div>
			<div>
				<label for="pass2">Confirm Password</label>
				<input id="pass2" name="pass2" type="password" />
				<span id="pass2Info">Confirm password</span>
			</div>
			<div>
				<label for="message">Message</label>
				<textarea id="message" name="message" cols="" rows=""></textarea>
			</div>
			<div>
				<input id="send" name="send" type="submit" value="Send" />
			</div>
		</form>

Date : 2011-09-01 10:09:22

By : csdorm

No. 5

Nico

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

ไม่รู้ผมจะเข้าใจคุณถูกหรือเปล่าหน่ะครับ ผมเดาว่าคุณน่าจะหมายถึง โหลดหน้าเพจหนึ่งมา ปุ่ม หรือ เท็กบ็อก ในหน้านั้น เรียกใช้งาน Jquery ไม่ได้ อะไรทำนองนี้หรือเปล่าหน่ะครับ

พอทดลองรันแล้ว กดที่ปุ่ม send ดูครับ
Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
function LoadPageAdmin(){//alert("xxx");
  //var file;
  url = 'test.php';
	var req;
	if (window.XMLHttpRequest) req=new XMLHttpRequest();
	else if (window.ActiveXObject) req=new ActiveXObject("Microsoft.XMLHTTP");
	else 
	{
		alert("Browser not support");return false;
	}
  
		 req.onreadystatechange = function(){
		    if(req.readyState==4){
			    if(req.status==200){
				   var ret=req.responseText;
				   
					
				   document.getElementById("mainContent").innerHTML=ret;
				   
				   $('#send').click(function(){ //+ เรียกใช้งาน Jquery หลังจากโหลดเพจอีกหน้ามาแล้ว
						alert('หลังจากโหลดหน้าเพจมาแล้วสามารถกดปุ่ม Alert() ได้ !');	
				   });
					
				    //if(setCK == 1){
				      //Set_Cookie('page',url);
				    //}
			
				}
			}/*else{
				   document.getElementById("showpage").innerHTML="<div align=center>กำลังโหลด....</div>";
			}*/
		 };
		 //alert(url);
  req.open("GET",url,true);
  req.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8");
  req.send(null);
	
}
</script>

</head>

<body onload="LoadPageAdmin();">
  <div id="mainContent"></div>
</body>
</html>

ไฟล์ test.php

Code (PHP)

<form method="post" id="customForm" action="">
    <div>
        <label for="name">Name</label>
        <input id="name" name="name" type="text" />
        <span id="nameInfo">What's your name?</span>
    </div>
    <div>
        <label for="email">E-mail</label>
        <input id="email" name="email" type="text" />
        <span id="emailInfo">Valid E-mail please, you will need it to log in!</span>
    </div>
    <div>
        <label for="pass1">Password</label>
        <input id="pass1" name="pass1" type="password" />
        <span id="pass1Info">At least 5 characters: letters, numbers and '_'</span>
    </div>
    <div>
        <label for="pass2">Confirm Password</label>
        <input id="pass2" name="pass2" type="password" />
        <span id="pass2Info">Confirm password</span>
    </div>
    <div>
        <label for="message">Message</label>
        <textarea id="message" name="message" cols="" rows=""></textarea>
    </div>
    <div>
        <input id="send" name="send" type="submit" value="Send" />
    </div>
</form>

ประวัติการแก้ไข
2011-09-01 10:50:24

Date : 2011-09-01 10:27:44

By : ไวยวิทย์

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ใช้ ajax โหลดเพจที่ใช้งาน jquery ไม่ได้ค่ะ jquery ไม่ทำงานค่ะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก