jquery - 比较 jQuery 中的变量

Question

我使用简单的 jQuery 来比较两个变量，但每次都会产生错误的结果。这是代码片段:

 var fromIM = $("#passwordFroma").val();
 loadContent(passwordValentered);
 var encrypt = document.getElementById("prtCnt").value;
 alert("ajax call " + encrypt);
 alert(encrypt == fromIM);

在上面的代码段中，

passwordFroma is a hidden text field.
passwordValentered is a text box to get user input.
prtCnt is a hidden field.

此外，loadContent(passwordValentered)函数是一个ajax调用，它设置隐藏字段prtCnt的值。这从第一个警报中就得到了证实。但是，当我比较第二个警报中的值时，我总是得到错误的结果。
请让我知道我哪里错了!我正在使用 jQuery 1.9。

Answer 1

您生成的带有 id prtCnt 的字段是异步生成的 (AJAX)，因此在调用 loadContent(passwordValentered);

后无法立即访问它

var fromIM = $("#passwordFroma").val();
// Sends AJAX
loadContent(passwordValentered);
// AJAX is not finished here
var encrypt = document.getElementById("prtCnt").value;
alert("ajax call " + encrypt);
alert(encrypt == fromIM);

您必须将回调传递给loadContent

var fromIM = $("#passwordFroma").val();
loadContent(passwordValentered, function(){
   var encrypt = document.getElementById("prtCnt").value;
   alert("ajax call " + encrypt);
   alert(encrypt == fromIM);
});

并修改您的loadContent，以便它从$.ajax的成功处理程序中调用给定的回调