我有一个带有用户 ID 输入字段的表单。根据输入的 UID，当用户单击 btnLoad 时，我想在与该 userID 相关的同一页面上加载数据。数据存储在 MySQL 数据库中。我尝试了多种方法，但无法使其发挥作用。问题不是从数据库中获取数据，而是将输入字段中的值获取到我的 php 脚本中以在我的语句/查询中使用。
到目前为止我做了什么:
我有一个带有输入字段 txtTest 和按钮 btnLoad 的表单，用于触发 ajax 调用，该调用启动 php 脚本并传递 txtTest 的值。
我在同一页面上有一个 div，其中将回显 php 脚本的结果。
当我单击按钮时，没有任何反应...
Test.html
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script>
//AJAX CALL
function fireAjax(){
$.ajax({
url:"testpassvariable.php",
type:"POST",
data:{userID:$("#txtTest").val(),},
success: function (response){
$('#testDiv').html(response);
}
});
}
</script>
</head>
<body>
<form name="testForm" id="testForm" action="" method="post" enctype="application/x-www-form-urlencoded">
<input type="text" name="txtTest" id="txtTest"/>
<input type="button" id="btnLoad" name="btnLoad" onclick="fireAjax();"
<input type="submit" name="SubmitButton" id="SubmitButton" value="TEST"/>
</form>
<div id="testDiv" name="testDiv">
</div>
</body>
提交按钮用于将更新的数据插入数据库。我知道我必须添加“ Action ”。但我现在将其忽略，以专注于我当前的问题。
testpassvariable.php
<?php
$player = $_POST['userID'];
echo $player;
?>
出于此脚本的目的(测试是否可以将值传递给 php 并在当前页面中返回它)，我保留了与从数据库获取数据相关的所有脚本。
最佳答案
正如文档所述，“在文档准备就绪之前，无法安全地操作页面。”试试这个:
<script>
$(document).ready(function(){
//AJAX CALL
function fireAjax(){
$.ajax({
url:"testpassvariable.php",
type:"POST",
data:{userID:$("#txtTest").val(),},
success: function (response){
$('#testDiv').html(response);
}
});
}
});
</script>
关于javascript - 以html形式输入ID并在同一页面从MySQL数据库加载相关数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33234654/