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

HOME > PHP > PHP Forum > มีปัญหาในการทำ jquery คลิก button แล้วเปลี่ยน URL ครับ



 

มีปัญหาในการทำ jquery คลิก button แล้วเปลี่ยน URL ครับ

 



Topic : 130602



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



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




พอดีจะทำการ เปลี่ยน 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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-03-19 12:39:49 By : the_cop View : 1709 Reply : 7
 

 

No. 1

Guest


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
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : boom เมื่อวันที่ 2018-03-19 12:59:05
รายละเอียดของการตอบ ::
ออสงสัยผมพิมพ์ไม่ค่อยละเอียด ขอโทษครับ

พอดี ผมอยากให้ตัวแปร var urlList เปลี่ยน ครับ ไม่ใช่เปลี่ยนหน้า

เพื่อ ตรง Ajax ของผม มันได้ดึงข้อมูลชุดใหม่มา

ขอบคุณครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-19 13:38:29 By : the_cop
 

 

No. 3



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



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


เอา 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
 


 

No. 4



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

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


คือแนะนำนะครับ ถ้าเป็น 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
 


 

No. 5



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-03-19 15:08:58
รายละเอียดของการตอบ ::
เอา var function ออกแล้ว ยัง ไม่มาครับ



Code (PHP)
        $(document).ready(function() {
        var urlList = "/equipment/list/api";

        $('#switch1').on('click', function(){
         urlList = "/equipment/list/api"; 
        });
        $('#switch2').on('click', function(){
           urlList = "/equipment/list/api2"; 
           console.log(urlList)
        });

        console.log(urlList)


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-19 17:51:31 By : the_cop
 


 

No. 6



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



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


ตอบความคิดเห็นที่ : 4 เขียนโดย : dudesaranyu เมื่อวันที่ 2018-03-19 15:16:42
รายละเอียดของการตอบ ::
ผมอธิบายผิด ขอโทษทีครับ

พอดีจะเขียนเมื่อ กดปุ่มแล้ว ให้ตัวแปร เปลี่ยน url ที่กำหนดไว้ครับ


Code (PHP)
        $(document).ready(function() {
        var urlList = "/equipment/list/api";//Url Default

        $('#switch1').on('click', function(){
         urlList = "/equipment/list/api"; //เมื่อคลิก button1 url เปลี่ยน
        });
        $('#switch2').on('click', function(){
           urlList = "/equipment/list/api2"; //เมื่อคลิก button2 url เปลี่ยน
           console.log(urlList)
        });

        console.log(urlList)


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-19 17:52:32 By : the_cop
 


 

No. 7



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



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


ตอบความคิดเห็นที่ : 5 เขียนโดย : the_cop เมื่อวันที่ 2018-03-19 17:51:31
รายละเอียดของการตอบ ::
คาดว่า วางโค๊ดผิด ไม่ครอบคลุมตัวแปร

ให้ย้าน var urlList ออกไปไว้ก่อน $(document).ready(){
จะเป็น ตัวแปรอยู่ชั้นแรกจริงๆ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-20 16:38:01 By : Chaidhanan
 

   

ค้นหาข้อมูล


   
 

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