gpt4 book ai didi

javascript - 以html形式输入ID并在同一页面从MySQL数据库加载相关数据

转载 作者:行者123 更新时间:2023-11-29 07:29:24 25 4
gpt4 key购买 nike

我有一个带有用户 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com