使用下拉將兩個變量從php傳遞給ajax

Question

如何將兩個值（篩選器& $ user_id）傳遞給Ajax？

PHP：

$user_id = 3; 
echo "<select name=\"filter\" data-userid=\"".$user_id."\" 
onchange=\"getPoints(this.value)\"> 
<option value=\"one\">One</option> 
<option value=\"two\">Two</option> 
</select>"; 

AJAX：

function getPoints(filter) 
{ 
    var userid = $(this).attr('data-userid'); 

$.ajax({ 
type: "GET", 
url: 'http://website.com?user_id='+userid, 
data: '&action='+filter, 
success: function(result){ 
$("#Target").html(result); 
} 
}); 
}; 

我想這個網址：

http://website.com?user_id=3&action=one 

我有傳球$ user_ID的阿賈克斯問題。 預先感謝您。

Answer 1

你的代碼應該像

function getPoints(filter) 
{ 
    var userid = $(this).attr('data-userid'); 

    $.ajax({ 
     type: "GET", 
     url: 'http://website.com', 
     data: {action: filter, user_id: user_id}, 
     success: function (result) { 
      $("#Target").html(result); 
     } 
    }); 
} 

或者，如果我說說你的方式，那麼它應該是

function getPoints(filter) 
{ 
    var userid = $(this).attr('data-userid'); 

    $.ajax({ 
     type: "GET", 
     url: 'http://website.com?user_id='+userid+'&action='+filter, 
     success: function (result) { 
      $("#Target").html(result); 
     } 
    }); 
} 

它始終是更好地使用data: {action: filter, user_id: user_id}因爲它會像對象本身處理。

編輯 JS

function getPoints(filter) 
    { 
     var user_id = document.getElementById('test_class').getAttribute('data-userid'); 
     console.log(user_id); 
     $.ajax({ 
      type: "GET", 
      url: 'http://website.com', 
      data: {action: filter, user_id: user_id}, 
      success: function (result) { 
       $("#Target").html(result); 
      } 
     }); 
    } 

PHP

$user_id = 3; 
echo "<select id='test_class' name=\"filter\" data-userid=\"".$user_id."\" 
onchange=\"getPoints(this.value)\"> 
<option value=\"one\">One</option> 
<option value=\"two\">Two</option> 
</select>"; 

Answer 2

嘗試是這樣的

function getPoints(filter){ 
    var userid = $(this).data('userid'); 

    $.ajax({ 
    type: "GET", 
    url: 'http://website.com?user_id='+userid, 
    data: { action:filter, user_id: userid}, 
    success: function(result){ 
    $("#Target").html(result); 
    } 
}); 
};