我有一个 li 项目,我正在将其传递到服务器以从数据库检索数据,但我无法这样做:
<li name="Physics" value="Physics" id="physics" onclick="drawChart(id)">Physics</li>
此drawChart函数使用谷歌图表API。
function drawChart(value) {
var jsonData = $.ajax({
url: "getData.php?subject=value",
dataType: "json",
async: false
}).responseText;
...
getData.php 工作正常,但我无法传递参数并使用它。
最佳答案
停止使用内联 JavaScript,问题会自行解决
$('#physics').on('click', function() {
drawChart(this.id);
});
function drawChart(value) {
var jsonData = $.ajax({
url : "getData.php",
data : {subject : value},
dataType : "json",
}).done(function(response) {
// use response here
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li name="Physics" value="Physics" id="physics" >Physics</li>
假设代码中的 $.ajax
是 jQuery,为什么不使用更多它......
关于javascript - 如何将参数传递给 onclick 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46277518/