Javascript 使用ajax和数据库查询的特定弹出窗口
我在表单中使用了一个简单的单选按钮,带有“是”或“否”,我希望当我单击“是”时,弹出窗口将自动显示此特定消息:Javascript 使用ajax和数据库查询的特定弹出窗口,javascript,ajax,Javascript,Ajax,我在表单中使用了一个简单的单选按钮,带有“是”或“否”,我希望当我单击“是”时,弹出窗口将自动显示此特定消息: 您确定要向[User's Full Real Name from database]出售编号为[number of product from database]的新会员资格吗? 这意味着同时将建立一个ajax查询,从数据库返回用户名和产品编号 我不太擅长JS/Ajax,有人能帮我吗 编辑: 我知道要执行您在下面的消息中所写的操作,但我不确定的是,当我选择“是”单选按钮时,如何自动运行弹
您确定要向[User's Full Real Name from database]出售编号为[number of product from database]的新会员资格吗?
这意味着同时将建立一个ajax查询,从数据库返回用户名和产品编号
我不太擅长JS/Ajax,有人能帮我吗
编辑:
我知道要执行您在下面的消息中所写的操作,但我不确定的是,当我选择“是”单选按钮时,如何自动运行弹出窗口?要使用ajax,首先需要创建一个服务器端函数,以满足您的需要。例如,一个php脚本,它接受一个用户ID并返回用户的全名。假设您创建了该脚本并将其命名为“username.php” 在页面上,您将使用javascript函数,例如jquery函数向username.php发送异步请求。函数调用如下所示:
function lookupUsername(){
$.ajax({
type: "POST",
url: "username.php",
data: { ID: $("#userID").val() }
}).done(function( msg ) {
alert( "Username: " + msg );
});
}
在上面的示例中,我假设用户ID嵌入在页面的某个元素中,ID=“userID”
。术语$(“#userID”).val()
是一个jQuery函数,用于查找名为“userID”的HTML元素的值
接下来,您需要在单击yes单选按钮时调用lookup函数。比如:
<input type="radio" name="foo" id="foo" value="yes" onclick="lookupUsername()" />
请注意,要使用JQuery框架(.ajax()函数和$()选择器函数),您需要在页面中包含JQuery框架:
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
完全可以在没有jQuery的情况下进行ajax调用,但代码有点混乱。为了从数据库中查找用户名和productID,您需要某种标识符作为开始。页面上已经有哪些信息可用于数据库查询?也许您可以共享页面上的代码?我可以使用get方法从URL获取已经连接的用户Id,我将使用它从数据库获取数据!在这种情况下,您还可以在最初加载页面时查找用户名和产品Id(使用PHP或任何脚本引擎),而不是当用户单击单选按钮时。这将比ajax调用更可靠、更容易。好的,我也可以从数据库中获取用户名和产品ID,所以不使用ajax调用,但直到现在我还不知道如何使用JS?