как передать динамические параметры функции jquery

Question

Я хочу передать некоторые динамические параметры в событие jquery onClick. Раньше я использовал этот HTML и JavaScript:

<!-- HTML --> 
<a id="link123" href="link1" onClick="javascript:func1(${param1},${param2});">123</a> 

/* JavaScript */ 
func1(param1,param2) { 
    // do something 
} 

param1 Параметры и param2 поступают из бэкэнда кода и являются динамическими. Как я понимаю, здесь это не важно.

После использования JQuery, у меня есть этот HTML и JS:

<a href="link123"> 
<input type="hidden" id="param1" value="${param1}"/> 
<input type="hidden" id="param2" value="${param2}"/> 

$(document).ready(function() { 
    $("#link123").click(function() { 
    var param1 = $("#param1")[0].value; 
    var param1 = $("#param1")[0].value; 
    func1(param1,param2); 
    }); 
}); 

func1(param1,param2) { 
    //do something 
} 
function func1 is there as before. 

Я не доволен этим решением (передавая Params как встроенные скрытые значений). Каковы другие, лучшие способы передачи динамических параметров в jQuery, в такой ситуации?

Answer 1

Данные атрибуты рекомендуются для этой цели. Использование:

<input data-param1="${param1}" /> 

А потом:

$('input').click(function(){ 
    $(this).attr('data-param1'); 
}); 

Answer 2

Вы можете включить такие параметры, как вы делали раньше.

$("#link123").click(function() { 
    func1(${param1}, ${param2}); 
    }); 

То есть ваш PHP (или что-то другое) генерирует javascript с уже замененными значениями параметров.

Answer 3

Я предполагаю, что вы пытаетесь передать значения переменных из языка сценариев бэкенд в JavaScript? Одним из возможных способов является выход их непосредственно яваскрипта

<script language='JavaScript'> 
//it's a good idea to have all those vars collected in a single object in order to not overpopulate the global scope 
var scriptOutput = { 
    param1 : ${param1}, 
    param2 : ${param1} 
} 
$(document).ready(function() { 
    $("#link123").click(function() { 
     func1(scriptOutput.param1,scriptOutput.param2); 
    }); 
}); 
</script>