我正在尝试编写一个 JS 代码,如果给定的数字已存在于数据库中,该代码将取消“btn_submit”按钮 .onclick 事件。我使用 AJAX 查询数据库中的给定数字,并确定是否应将数据发送到将上传问题的 .php 站点。为了确定这一点,我需要 numOfRows 变量的值,但因为我在 AJAX 中设置它,所以它将保持为 0。validation() 函数将在我的 AJAX 查询完成之前完成,这会导致问题始终表明给定的数字不存在存在于数据库中(numOfRows 将始终保持为 0)。
在将 valid() 函数的结束行中的 numOfRows 与 0 进行比较之前,如何等待 AJAX 查询完成?如果该号码已存在于数据库中,我需要向此行返回 false:
document.getElementById("btn_submit").onclick = 验证;
谢谢你!
var textAreaList;
var numOfRows = 0;
var finished = false;
document.getElementById("btn_submit").onclick = validation;
textAreaList = document.getElementsByClassName("text_input");
function validation() {
loadNumRows();
try {
document.getElementById('failure').hidden = true;
}
catch(e) {
console.log(e.message);
}
textAreaList = document.getElementsByClassName("text_input");
var failValidation = false;
for (var i = 0; i < textAreaList.length; i++) {
console.log(textAreaList[i]);
if (textAreaList[i].value == "") {
textAreaList[i].style.border = "2px solid #ff0000";
failValidation = true;
} else {
textAreaList[i].style.border = "2px solid #286C2B";
}
}
return !(failValidation || numOfRows != 0);
}
function loadNumRows(){
$.ajax({
url: 'php/SeeIfNumberExists?number=' + document.getElementById('number_inp').value,
type: "GET",
cache: false,
success: function (html) {
numOfRows = parseInt(html);
}
});
}
use of async/await
使用像 Babel 这样的转译器,让它在旧浏览器中工作。你还必须从 npm 安装这个 Babel 预设和 polyfill:
npm i -D babel-preset-env babel-polyfill
Then
function getData(ajaxurl) {
return $.ajax({
url: ajaxurl,
type: 'GET',
});
};
async function test() {
try {
const res = await getData('https://api.icndb.com/jokes/random')
console.log(res)
} catch(err) {
console.log(err);
}
}
test();
or the .then
回调只是编写相同逻辑的另一种方式。
getData(ajaxurl).then((res) => {
console.log(res)
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)