作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个带有提交按钮的简单输入框,单击该按钮时,会向服务器端 PHP 发出 XHR 请求以获取某些信息。最简单的标记形式如下所示:
<input type="text" id="word" class="form-control input-lg lookup-field" placeholder="Enter a Spanish or English word" oninput="deleteicon();" required>
<button class="btn btn-lg btn-brown lookup-submit" type="submit" id="lookup">Lookup</button>
按钮的 onclick 事件触发执行 XHR 请求的函数:
$('#lookup').click(function(){ testlookup($('#word').val()); return(false); });
teSTLookup()函数如下:
function testlookup(lookupword){
var mean = document.getElementById('meaning');
var waittext = '<div id="loading text-center"><i class="fa fa-4x fa-spinner fa-spin"></i></div>';
var hr = createXMLHTTPRequestObject();
var url = '/assets/engines/dictengine.php';
var vars = "lookup_word=" + lookupword;
document.getElementById('word').value = lookupword;
hr.open("POST", url, true);
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
hr.onreadystatechange = function(){
if(hr.readyState == 4 && hr.status == 200){
var return_data = hr.responseText;
mean.innerHTML = return_data;
else if(hr.status == 500){ mean.innerHTML = "Something went wrong! Please try again later..."; }
}
hr.send(vars);
mean.innerHTML = waittext;
}
我不明白为什么这会拒绝工作,并且非常感谢一些帮助解决这个问题。每次我在输入框中输入值并单击按钮时,控制台都会短暂闪烁“找不到变量 createXMLHTTPRequestObject”错误,然后浏览器会继续刷新页面并显示“?”附加到 URL。这里可能是什么问题以及为什么是“?”如果我使用 return(false) 语句正式终止了 onclick 函数,是否会附加到 URL?
该代码在 peppyburro.com/test-dictionary 上实现。
最佳答案
您正在尝试调用名为 createXMLHTTPRequestObject
的函数,但它不存在。 JS 抛出异常并且永远不会到达 return (false)
语句。
关于javascript - ReferenceError 找不到变量 createXMLHTTPRequestObject,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38228727/
我有一个带有提交按钮的简单输入框,单击该按钮时,会向服务器端 PHP 发出 XHR 请求以获取某些信息。最简单的标记形式如下所示: Lookup 按钮的 onclick 事件触发执行 XHR 请求的
我是一名优秀的程序员,十分优秀!