Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > การส่งค่า javascript เมื่อคลิกปุ่ม ไปยัง php ครับ

การส่งค่า javascript เมื่อคลิกปุ่ม ไปยัง php ครับ

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

IInJ_IISJ_IISJ

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

javascrit ส่งค่าไอดีอ่ะครับ แบบว่า มีปุ่มอยู่ 5 ปุ่ม 1-5 ปุ่มแต่ละปุ่ม มีไอดีของตัวมันเอง 1,2,3,4,5 เวลาคลิก ปุ่ม 1 อยากให้มันส่งค่า 1 ไปยัง โค้ด menu.php?id=1 อ่ะครับ ทำอย่างไรอ่ะ งง มากมาย

โค้ดครับ

html

      <ul>
        <li><a href="" id="nav_menu_1" class="btn-menu-1"></a></li>
        <li><a href="" id="nav_menu_2" class="btn-menu-2"></a></li>
        <li><a href="" id="nav_menu_3" class="btn-menu-3"></a></li>
        <li><a href="" id="nav_menu_4" class="btn-menu-4"></a></li>
        <li><a href="" id="nav_menu_5" class="btn-menu-5"></a></li>
      </ul>

javascript

  $('#nav_menu_1').click(function(){
    var keyID = 1; 
  });
  
function getMenuList() {
    $.getJSON(serviceURL + 'menu.php?id='   +  keyID  , function(data) {
        ...
    }
});

โค้ดเบื้องต้น เหมือนว่าค่า keyID หายไปอ่ะครับ ผมอยากให้ ค่ามันเป็น menu.php?id=1 เมื่อคลิกปุ่ม id="nav_menu_1" อ่ะครับ

Tag : JavaScript, Ajax, jQuery

Date : 2014-09-25 11:17:41

By : pure7021

View : 936

Reply : 5

No. 1

Chaidhanan

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

<a href="menu.php?id=1" id="nav_menu_1" class="btn-menu-1">
2
3
4
5

Date : 2014-09-25 13:45:38

By : Chaidhanan

No. 2

Luckystar

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

$.getJSON(url,parameter,function(){..................});

Code (JavaScript)

$.getJSON(serviceURL + 'menu.php',{id:id,name:name}, function({
  /*........................*/
});

Date : 2014-09-25 14:28:47

By : LuckyStar

No. 3

IInJ_IISJ_IISJ

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

ขอบคุณครับ แก้ไขได้เเล้วครับ

Code (JavaScript)

      <ul>
        <!--li><a href="" id="nav_menu_1" class="btn-menu-1"></a></li-->
        <li><a href="" data-icon="menu-1" id="nav_menu_1">ต่างหูมุก</a></li>
        <li><a href="" data-icon="menu-2" id="nav_menu_2">สร้อยข้อมือมุก</a></li>
        <li><a href="" data-icon="menu-3" id="nav_menu_3">สร้อยมุก</a></li>
        <li><a href="" data-icon="menu-4" id="nav_menu_4">จี้มุก</a></li>
        <li><a href="more.html" rel="external" data-icon="menu-5" id="nav_menu_5">เพิ่มเติม</a></li>
      </ul>



  $('#nav_menu_1').click(function(page){
    //v = $(this).text();
    var page = 1;
    getEmployeeList(page);
  });
  
  $('#nav_menu_2').click(function(page){
    var page = 2;
    getEmployeeList(page);
  });
  
  $('#nav_menu_3').click(function(page){
    var page = 3;
    getEmployeeList(page);
  });
  
  $('#nav_menu_4').click(function(page){
    var page = 4;
    getEmployeeList(page);
  });
  
  $('#nav_menu_5').click(function(){
    window.location.href='more.html';
  });


function getEmployeeList(page) {
  var mypage = page;
$.getJSON(serviceURL + 'menu.php?id=' + mypage, function(data) { 
 .......
});

}

Date : 2014-10-01 10:17:46

By : pure7021

No. 4

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Date : 2014-10-01 10:24:47

By : mr.win

No. 5

BIrD

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

แบบนี้ ดี กว่า

Code (JavaScript)

  <ul>
        <!--li><a href="" id="nav_menu_1" class="btn-menu-1"></a></li-->
        <li><a href="" data-icon="menu-1" id="nav_menu_1" data-page="1" >ต่างหูมุก</a></li>
        <li><a href="" data-icon="menu-2" id="nav_menu_2" data-page="2" >สร้อยข้อมือมุก</a></li>
        <li><a href="" data-icon="menu-3" id="nav_menu_3" data-page="3" >สร้อยมุก</a></li>
        <li><a href="" data-icon="menu-4" id="nav_menu_4" data-page="4" >จี้มุก</a></li>
        <li><a href="more.html" rel="external" data-icon="menu-5" id="nav_menu_5" data-page="more" >เพิ่มเติม</a></li>
      </ul>



  $('a[id*="nav_menu_"]').click(function(){
   if($(this).data('page') == 'more'){
       window.location.href='more.html';
    }else{
      getEmployeeList($(this).data('page'));
   }
  });


function getEmployeeList(page) {

$.getJSON(serviceURL + 'menu.php?id=' + page, function(data) { 
 .......
});

Date : 2014-10-01 14:33:00

By : gaowteen

ค้นหาข้อมูล

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

Re : การส่งค่า javascript เมื่อคลิกปุ่ม ไปยัง php ครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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