มีปัญหาในการทำ jquery คลิก button แล้วเปลี่ยน URL ครับ
พอดีจะทำการ เปลี่ยน URL เมื่อมี Click ครับ
จะทำประมาณว่า เมื่อ Click ปุ่ม 1 มันจะเปลี่ยน url ไป Query ข้อมูลมาชุดใหม่ครับ
แต่ผมลองวิธีนี้แล้วไม่ได้ หรือว่าผมเขียนไม่ถูกต้องครับ
Code (PHP)
<div >
<button id="switch1" class="btn btn-default active">Url1</button>
<button id="switch2" class="btn btn-red ">Url2</button>
</div>
Code (JavaScript)
<script>
$(document).ready(function() {
var urlList = "/data/api1";//Url Default
$('#switch1').on('click', function(){
var urlList = "/data/api1"; //เมื่อคลิก button1 url เปลี่ยน
});
$('#switch2').on('click', function(){
var urlList = "/data/api2"; //เมื่อคลิก button2 url เปลี่ยน
});
console.log(urlList)
$('.form-disable input[type=text]').prop('disabled', true)
$('.form-disable .btn-edit').css('display', 'none')
var eq = $('#data').DataTable( {
ajax: urlList,
......
</script>
Tag : PHP, HTML5, JavaScript, Action Script, Ajax, jQuery
Date :
2018-03-19 12:39:49
By :
the_cop
View :
1709
Reply :
7
Code (PHP)
$('#switch1').on('click', function(){
var urlList = window.location.href="/data/api1"; //เมื่อคลิก button1 url เปลี่ยน
});
$('#switch2').on('click', function(){
var urlList = window.location.href="/data/api2"; //เมื่อคลิก button2 url เปลี่ยน
});
ลองดูครับ
Date :
2018-03-19 12:59:05
By :
boom
เอา var ออก เหลือแค่ตัวแรก ที่ประกาศพอ ตัวที่กำหนดค่า 2 3 เอาออก
เพราะจะเป็นการประกาศตัวแปร local ใน function
ตัว global ที่ประกาศตัวแรก จะไม่เปลี่ยนค่าตาม
ปล. ตัวอย่างนี้ ตัวแปรชื่อเดียวกัน แต่เป็นคนละตัวแปร
Code (JavaScript)
var a = 1;
function get_add(z){
var a = 2;
alert( a + z);
return a + z;
}
var b= get_add(a);
alert( a + ':' + b);
ประวัติการแก้ไข 2018-03-19 15:18:02
Date :
2018-03-19 15:08:58
By :
Chaidhanan
คือแนะนำนะครับ ถ้าเป็น rel link ใส่ไปใน button เลยก็ได้ครับ ถ้าเขียนหนักๆมา ได้นั่งไล่ code ยาว
Code (PHP)
<button onclick="window.location.href='http://www.google.com';">Google</button>
Date :
2018-03-19 15:16:42
By :
dudesaranyu
Load balance : Server 03