Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > เกี่ยวกับ form + Ajax โดยใช้ jQuery ไม่รู้ว่าผิดตรงใหนนะ Ajax ไม่ยอมทำงานค่ะ

เกี่ยวกับ form + Ajax โดยใช้ jQuery ไม่รู้ว่าผิดตรงใหนนะ Ajax ไม่ยอมทำงานค่ะ

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

Avrill.NET

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

ช่วยดูโค๊ดให้หน่อยค่ะ ทำไม Ajax ไม่ทำงาน และเวลากด submit form มันก็โหลดหน้าใหม่
โค๊ดเดียวกันนี้แหละค่ะมันเคยมีบางช่วงที่ทำงานได้ ใช้ได้ แต่อยู่ดีๆก็ใช้ไม่ได้เฉยเลย แล้วก็ไม่ได้ตลอดเลย ไม่เข้าใจจริงๆ

Code (PHP)

function submit_contact(){
	
	  var fname     = $('#fname').val();  
	  var fmail     = $('#fmail').val(); 
	  var txt_mes   = $('#txt-mes').val();  
	  //alert($(this).serialize());

	   if(fname !='' && txt_mes !='' ){
	   alert(fname+fmail+txt_mes );
	   $.ajax({
	   type: "POST",
	   url: "phpmailler/mail_contact.php",
	   data: "fname="+fname+"&fmail="+fmail+"&txt_mes="+txt_mes+"&rnd="+Math.random()+"",
	   success: function(data){
	   $('#view-after-send').html(data).fadeIn("slow");
	        //$('form#faq').hide(function(){$('div#view-after-send').fadeIn();});  
	   $('.txt-msg-form').fadeOut();
	   
	   }
  	  });
	}
}

Code (PHP)

<div id="view-after-send"></div>
        <div class="txt-msg-form">
            <div class="txt-left-contact" id="txt-left-contact">Contact Us</div>
            <form id="faq" method="post" action="">
            <div class="left-name-contact">Name</div>
            <div class="inputbox-left"><input name="fname" id="fname" type="text" class="input-txt required" /></div>
            <div class="left-name-contact">Email</div>
            <div class="inputbox-left"><input name="fmail" id="fmail" type="text" class="input-txt" /></div>
            <div class="left-name-contact">Message</div>
            <div class="inputbox-left"><textarea name="txt" style="font-size:12px" id="txt-mes" class="tex-area-contact required"></textarea></div>
            <div align="center" style="padding-top:10px;"><input name="submit" id="submit" onClick="submit_contact()" type="image"  src="sb-theme/images/submit-btn.jpg" /></div>
            </form>
        </div>

Tag : PHP, HTML/CSS, Ajax, jQuery

ประวัติการแก้ไข
2011-02-12 08:10:19

Date : 2011-02-12 08:08:48

By : Avrill

View : 1375

Reply : 3

No. 1

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

ลองแบบนี้ไหมครับ

$(document).ready(function(){
   $("#faq").submit(function(){
	
	  var fname     = $('#fname').val();  
	  var fmail     = $('#fmail').val(); 
	  var txt_mes   = $('#txt-mes').val();  
	  //alert($(this).serialize());

	   if(fname !='' && txt_mes !='' ){
	   alert(fname+fmail+txt_mes );
	   $.ajax({
	   type: "POST",
	   url: "phpmailler/mail_contact.php",
	   data: "fname="+fname+"&fmail="+fmail+"&txt_mes="+txt_mes+"&rnd="+Math.random()+"",
	   success: function(data){
	   $('#view-after-send').html(data).fadeIn("slow");
	        //$('form#faq').hide(function(){$('div#view-after-send').fadeIn();});  
	   $('.txt-msg-form').fadeOut();
	   
	   }
  	  });
	}
     return false;
  });
});

ประวัติการแก้ไข
2011-02-12 09:10:56

Date : 2011-02-12 09:10:32

By : kalamell

No. 2

Avrill.NET

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : kalamell เมื่อวันที่ 2011-02-12 09:10:32

รายละเอียดของการตอบ ::

- ขอบคุณค่ะ ได้แล้ว ทำตามที่คุณบอกค่ะ
แต่เมื่อก่อนก็ทำแบบนี้แหละ แต่ไม่ได้ใส่ return false; มันเลยไม่ได้ค่ะ

return false; นี่จะเป็นต้องใส่ทุกครั้งใช่ไหมค่ะ และเพราะอะไร

Date : 2011-02-12 09:26:25

By : Avrill

No. 3

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

สาเหตุที่ผมใส่ retrun false เข้าไปก้เพื่อ ไม่ให้ มัน refresh page ครับ และที่ใส่ $(document).ready(function(){ ก็เพื่อกำหนด ให้มัน กระทำ script นี้ทุกครั้ง เมื่อ ทำการ รันหน้าเว็บขึ้นมาครับ ดูจากฝรั่งเขาเขียนหน่ะครับ เขาไม่นิยม เขียน funcition โดด ๆ ไว้ แต่ จะเรียกใช้แทนครับ ป้องกันว่า รันได้บ้าง ไม่ได้บ้างครับ

ผมก้ไม่รู้อะไรมากครับ ศึกษาดูจากเว็บเป็นส่วนใหญ่ครับ

Date : 2011-02-12 09:35:33

By : kalamell

ค้นหาข้อมูล

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

Re : เกี่ยวกับ form + Ajax โดยใช้ jQuery ไม่รู้ว่าผิดตรงใหนนะ Ajax ไม่ยอมทำงานค่ะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038