-1

我正在研究 ajax 我面临的问题是我有两个功能，第一个是通过 ajax 从服务器为用户获取数据。收到的数据包含电子邮件以及每个用户的所有其他数据。每个用户的电子邮件都保存在一个变量中，假设我们有用户 A，他的电子邮件是 user@A.com，另一个用户 B 的电子邮件是 user@b.com，用户 c 也一样，如果有更多用户，依此类推。下面是代码

$(response).find(".EMP_EMAIL>span").each(function(i, span) {
    employee_email = $(span).text();

记住employee_email 是一个全局变量

现在第二个函数是通过 ajax 发送电子邮件，并且 url 包含电子邮件作为参数。发送电子邮件函数通过按钮单击调用，每个用户记录都有自己的按钮。问题就在这里，如果我单击用户 A 下方的按钮，因此 url 中的参数应为 user@A.com，如果单击用户 B 记录下方的按钮，则参数应为 user@B.com，与 c 相同如果用户存在，依此类推。下面是它的代码。但在我的情况下，它只向保存在employee_email 中的最后一封电子邮件发送电子邮件。所以我无法为它制定逻辑，所以需要你的帮助。如果可能的话，请详细说明您的答案，以便我能够理解并在将来自己处理此类情况。

function sendEmail(){

if(flag)
{
    request = $.ajax({
        url: "send_email.php?"+employee_email,
        type: "post",
        success: function(data){
            $("#email_responses").html();
        },
        error:function(){
            alert("failure");
            $("#email_responses").html('error occured');
        }
    });
}
else
    alert('Sending email is unavailable currently. PLease try after some time.');
}

这是每个用户下方显示的按钮的代码。

<div class="send_email_notification">
<input type="submit" value="Send Email" onClick="sendEmail();">
</div>
4

1 回答 1

0

一些帮助您解决问题的建议：

1 - 避免使用全局变量

在您的第一个代码中，您遍历所有跨度以设置全局变量的值。在循环结束时，这个全局变量将只有最后一封电子邮件。这可能是您问题的根源。

2 - 一种可能的解决方案

您的问题有不同的解决方案。这是一个：当单击按钮时，从单击的按钮中检索带有一些 jquery 路径的选定电子邮件。例如，如果您的 html 是：

<div>
  <span class="email">user@domain.com</span>
  <div class="send_email_notification">
     <input type="submit" value="Send Email" />
  </div>
</div>

在您的 javascript 中，您可以使用以下查询获取选定的电子邮件：

function sendEmail(event) {
   var target = event.currentTarget;
   var email = $(target).parent().parent().find(".email").text();
   // and so on...
 }

 $('.send_email_notification input').on('click', sendEmail);

注意：您还应该避免在 html 元素中使用 onClick 属性。一种更现代的方法是将 javascript 与 html 代码分开：这就是为什么我将它从我的 html 版本的代码中删除。

于 2013-10-31T20:47:43.280 回答