Question

我在表单中使用了一个带有“YES”或“No”的简单单选按钮，我希望当我点击“是”时，会弹出一个弹出窗口，其中会显示以下特定消息：

Are you sure you want to sell a new membership to [User’s Full Real Name from database] with the number [ number of product from database ] ?

这意味着同时将建立ajax查询以返回用户名和数据库中的产品数。

我在JS / Ajax方面不是很好，有人可以帮我这个吗？

编辑：

我知道你在下面的消息中写下你所写的内容，当我选择“是”单选按钮时，我不确定如何自动运行弹出窗口？

Answer 1

要使用ajax，首先需要创建一个能够满足您需求的服务器端功能。例如，一个php脚本，它接受userID并返回用户的全名。假设您创建该脚本并将其命名为“username.php”。

在您的页面上，您将使用javascript函数（例如jquery .ajax函数）向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元素的值。

接下来，单击“是”单选按钮时需要调用查找功能。如下所示：

<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调用，但代码有点麻烦。

特定弹出ajax和数据库查询

1 个答案: