ผมขอสอบถามเรื่องการ Reload หรือ Refresh เว็บที่เป็น Ajax ครับ
เช่น ในกรณีที่เราคลิก เมนูเนื้อหา2 แล้วพอทำการ Reload หรือ Refresh เว็บ มันจะเด้งไปที่เมนูหน้าแรก ทันทีครับ
ทำยังไง ให้ Reload หรือ Refresh เว็บแล้วมันอยู่หน้าเดิม ไม่เด้งไปที่หน้าแรก ครับผม
ท่านไดเคยทำมีโค้คเป็นตัวอย่างบ้างไหมครับ
<button type="button" class="btn btn-primary" id="viewIndex">หน้าแรก</button>
<button type="button" class="btn btn-primary" id="viewContent1">เนื้อหา1</button>
<button type="button" class="btn btn-primary" id="viewContent2">เนื้อหา2</button>
<button type="button" class="btn btn-primary" id="viewContent2">เนื้อหา3</button>
<div id="LoadPage"></div>
<script type="text/javascript">
$(document).ready(function(){
viewIndex();
////////////////////////////////////////////////////
function viewIndex(){
$.ajax({
url:"ndex.php",
success:function(data)
{
$('#LoadPage').html(data);
}
});
}
////////////////////////////////////////////////////
$('#viewContent1').click(function(){
$.ajax({
url:"content1.php",
success:function(data)
{
$('#LoadPage').html(data);
}
});
});
//////////////////////////////////////////
$('#viewContent2').click(function(){
$.ajax({
url:"content2.php",
success:function(data)
{
$('#LoadPage').html(data);
}
});
});
/////////////////////////////////////////
$('#viewContent3').click(function(){
$.ajax({
url:"content3.php",
success:function(data)
{
$('#LoadPage').html(data);
}
});
});
});
</script>
สอบถามเรื่องการ Reload หรือ Refresh เว็บที่เป็น Ajax ครับ
เช่น ในกรณีที่เราคลิก เมนูเนื้อหา2 แล้วพอทำการ Reload หรือ Refresh เว็บ มันจะเด้งไปที่เมนูหน้าแรก ทันทีครับ
ทำยังไง ให้ Reload หรือ Refresh เว็บแล้วมันอยู่หน้าเดิม ไม่เด้งไปที่หน้าแรก ครับผม
ท่านไดเคยทำมีโค้คเป็นตัวอย่างบ้างไหมครับ
<button type="button" class="btn btn-primary" id="viewIndex">หน้าแรก</button>
<button type="button" class="btn btn-primary" id="viewContent1">เนื้อหา1</button>
<button type="button" class="btn btn-primary" id="viewContent2">เนื้อหา2</button>
<button type="button" class="btn btn-primary" id="viewContent2">เนื้อหา3</button>
<div id="LoadPage"></div>
<script type="text/javascript">
$(document).ready(function(){
viewIndex();
////////////////////////////////////////////////////
function viewIndex(){
$.ajax({
url:"ndex.php",
success:function(data)
{
$('#LoadPage').html(data);
}
});
}
////////////////////////////////////////////////////
$('#viewContent1').click(function(){
$.ajax({
url:"content1.php",
success:function(data)
{
$('#LoadPage').html(data);
}
});
});
//////////////////////////////////////////
$('#viewContent2').click(function(){
$.ajax({
url:"content2.php",
success:function(data)
{
$('#LoadPage').html(data);
}
});
});
/////////////////////////////////////////
$('#viewContent3').click(function(){
$.ajax({
url:"content3.php",
success:function(data)
{
$('#LoadPage').html(data);
}
});
});
});
</script>