0

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

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 方面不是很好，有人可以帮我吗？

编辑 ：

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

4

1 回答 1

0

要使用 ajax，您首先需要创建一个服务器端函数来满足您的需要。例如，一个接受用户 ID 并返回用户全名的 php 脚本。假设您创建了该脚本并将其命名为“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 调用，但是代码有点混乱。

于 2013-07-07T17:07:52.910 回答