javascript - 如何将来自 OnChange 的全局变量中的值存储到我的 AJAX 脚本中？

Question

我试图将 this.value 用户写入 eMailTxt 框中的全局变量中存储，然后让 AJAX 检查用户是否存在。

HTML

将值 onChange 传递给 ValidUser

<input type="text" name="eMailTxt" id="eMailTxt" onChange="ValidUser(this.value)" />

AJAX##

通过php检查数据库中是否存在值

function ValidUser(str)
{
   //Want to declare a global variable here
    if (window.XMLHttpRequest)
    {
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            if (xmlhttp.responseText=="false")
            {
                $("#eMailTxt").css({'background-color':'#fed3da','color':'red'});
                $("#eMailTxt").val("[User Does Not Exist]"); //Changes text if user does not exist
  //Want to store str in global variable so that in $("#eMailTxt").focus function I can store back what was written earlier
            }
            else
            {
                $("#eMailTxt").css({'background-color':'#d3fef3'});
            }
        }
    }
    xmlhttp.open("GET","loginVerify.php?q="+str,true);
    xmlhttp.send();
}

Answer 1

function 在喜欢之前添加这个，

var myStr=''
function ValidUser(str)
{
   myStr=str; //Add this for assigning previous value in myStr variable
   ....

此外，如果您正在使用ajax然后使用$.ajax function此，

var myStr='';
function ValidUser(str)
{
    myStr=str;
    $.ajax({
      url:'loginVerify.php',
      type:'GET',
      data:{q:str},
      success:function(response){
          $("#eMailTxt").css({'background-color':'#fed3da','color':'red'});
          $("#eMailTxt").val("[User Does Not Exist]");
      }
    });
}

Answer 2

尝试这个：

var eMailTxtVal = '';

function ValidUser(str)
{
    eMailTxtVal = str;

    $.get("loginVerify.php?q=" + str, function(data) {
        if (data == "false") {
            $("#eMailTxt").css({'background-color': '#fed3da', 'color': 'red'});
            $("#eMailTxt").val("[User Does Not Exist]"); //Changes text if user does not exist
        }
        else {
            $("#eMailTxt").css({'background-color': '#d3fef3'});
        }
    });
}

$("#eMailTxt").focus(function() {
    $(this).val(eMailTxtVal);
});

Answer 3

你可能需要这个东西。不提 var 会使它成为全球性的

myStr='';
ValidUser = function(str)
{
myStr= str;
}

Answer 4

只需在任何函数的范围“上方”声明变量即可。在更改之前设置它，然后在需要时调用它。