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,038

HOME > PHP > PHP Forum > สอบถามเรื่องการ Reload หรือ Refresh เว็บที่เป็น Ajax ครับ



 

[PHP] สอบถามเรื่องการ Reload หรือ Refresh เว็บที่เป็น Ajax ครับ

 



Topic : 133245



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



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




ผมขอสอบถามเรื่องการ Reload หรือ Refresh เว็บที่เป็น Ajax ครับ
เช่น ในกรณีที่เราคลิก เมนูเนื้อหา2 แล้วพอทำการ Reload หรือ Refresh เว็บ มันจะเด้งไปที่เมนูหน้าแรก ทันทีครับ
ทำยังไง ให้ Reload หรือ Refresh เว็บแล้วมันอยู่หน้าเดิม ไม่เด้งไปที่หน้าแรก ครับผม

ท่านไดเคยทำมีโค้คเป็นตัวอย่างบ้างไหมครับ


01.<button type="button" class="btn btn-primary" id="viewIndex">หน้าแรก</button>
02.<button type="button" class="btn btn-primary" id="viewContent1">เนื้อหา1</button>
03.<button type="button" class="btn btn-primary" id="viewContent2">เนื้อหา2</button>
04.<button type="button" class="btn btn-primary" id="viewContent2">เนื้อหา3</button>
05. 
06.<div id="LoadPage"></div>
07. 
08. 
09.<script type="text/javascript">
10. 
11.$(document).ready(function(){
12.     
13.     
14.viewIndex();
15. 
16.////////////////////////////////////////////////////   
17.     
18.function viewIndex(){
19.    $.ajax({
20.        url:"ndex.php",
21.        success:function(data)
22.        {
23.            $('#LoadPage').html(data);
24.        }
25.    });
26.}  
27.     
28.////////////////////////////////////////////////////   
29.     
30.$('#viewContent1').click(function(){
31.    $.ajax({
32.        url:"content1.php",
33.        success:function(data)
34.        {
35.            $('#LoadPage').html(data);
36.             
37.        }
38.    });
39.});
40. 
41.//////////////////////////////////////////
42. 
43.$('#viewContent2').click(function(){
44.    $.ajax({
45.        url:"content2.php",
46.        success:function(data)
47.        {
48.            $('#LoadPage').html(data);
49.             
50.        }
51.    });
52.});
53. 
54./////////////////////////////////////////
55. 
56.$('#viewContent3').click(function(){
57.    $.ajax({
58.        url:"content3.php",
59.        success:function(data)
60.        {
61.            $('#LoadPage').html(data);
62.             
63.        }
64.    });
65.});
66. 
67. 
68.});
69.</script>




Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-03-04 12:03:20 By : teedesign View : 1546 Reply : 2
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ถ้าใช้ bootstrap อยู่แล้ว ต้องใช้พวก tabs ครับ แล้วกำหนด class active

https://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-03-05 12:39:44 By : Manussawin
 


 

No. 2



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



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


ทำได้ล่ะครับ
ดัดแปลงอ้างอิงจากเว็บนี้ครับผม https://www.ninenik.com/forum_view_1082_1.html

01.<button type="button" class="btn btn-primary" id="viewIndex">หน้าแรก</button>
02.<button type="button" class="btn btn-primary" id="viewContent1">เนื้อหา1</button>
03.<button type="button" class="btn btn-primary" id="viewContent2">เนื้อหา2</button>
04.<button type="button" class="btn btn-primary" id="viewContent2">เนื้อหา3</button>
05. 
06.<div id="LoadPage"></div>
07. 
08. 
09.<script type="text/javascript">
10. 
11.$(document).ready(function(){
12.     
13.    var linkURL="<?=(isset($_COOKIE["linkURL"]) && $_COOKIE["linkURL"]!="")?$_COOKIE["linkURL"]:"content1.php"?>";
14.     
15.    $('#LoadPage').load(linkURL);
16.     
17.     
18.////////////////////////////////////////////////////   
19.     
20.$('#viewContent1').click(function(){
21.    $.ajax({
22.        url:"content1.php",
23.        success:function(data)
24.        {
25.            set_cookie("linkURL",1,"content1.php");
26.            $('#LoadPage').html(data);
27.             
28.        }
29.    });
30.});
31. 
32.//////////////////////////////////////////
33. 
34.$('#viewContent2').click(function(){
35.    $.ajax({
36.        url:"content2.php",
37.        success:function(data)
38.        {
39.            set_cookie("linkURL",1,"content2.php");
40.            $('#LoadPage').html(data);
41.             
42.        }
43.    });
44.});
45. 
46./////////////////////////////////////////
47. 
48.$('#viewContent3').click(function(){
49.    $.ajax({
50.        url:"content3.php",
51.        success:function(data)
52.        {
53.            set_cookie("linkURL",1,"content3.php");
54.            $('#LoadPage').html(data);
55.             
56.        }
57.    });
58.});
59. 
60. 
61. 
62.// ฟังก์ชัน สร้าง ตัวแปร $_COOKIE set_cookie("ชื่อตัวแปร",1 หรือ 0 ,ค่าที่ต้องการกำหนด);
63.  
64.function set_cookie(cname,action,val){ 
65.    var date = new Date();   
66.    if(action==1){  // สร้าง  $_COOKIE
67.        var days=1; // กำหนดจำนวนวันที่ต้องการให้จำค่า   
68.        date.setTime(date.getTime()+(days*24*60*60*1000));           
69.    }else// ลบ  $_COOKIE
70.        date.setTime(date.getTime()*-1);     
71.    
72.    var expires = "; expires="+date.toGMTString();                       
73.    document.cookie = cname+"=" +val+ "; expires=" + expires + "; path=/";              
74.
75. 
76. 
77.});
78.</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-03-05 17:40:26 By : teedesign
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเรื่องการ Reload หรือ Refresh เว็บที่เป็น Ajax ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่