这是代码：
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function nameNotAva()
{
alert("Name already exists.");
//some code
}
function nameCheck()
{
var username = document.getElementById('uname').value;
var url = "http://rscript.org/lookup.php?type=namecheck&name=";
var curl = url + username;
$.ajax({
url : curl,
type : 'GET',
success : function(urlOutput){
if(urlOutput.contains('NAMECHECK: NOTAVALIBLE')){
nameNotAva();
}
}
});
}
</script>
</head>
<body>
<input class="textBox" id="uname" type="text" maxlength="15" required/>
<input type="button" onclick="nameCheck()" value="Submit">
</body>
</html>
$.ajax部分存在问题。我知道这一点，因为当我将alert(curl);放在ajax部分之前时，它会显示正确的URL。如果您想要我想要做的完整信息，请转到How to check output of a created URL?
我正在使用最新版本的jquery库。
答案 0 :(得分：3)
您尚未包含jQuery库，因此$未定义，并且脚本将在Ajax部件上出错。
通常，如果您遇到某些JavaScript问题：在浏览器中打开JS控制台并注意任何错误消息。
评论后更新表明问题中的代码不完整：
这是我正在使用的图书馆 -
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript" />
脚本元素未定义为空。结束标记是必需的。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js">
</script>
答案 1 :(得分：0)
更改输入类型：
<input type="submit" value="Submit"/>
在<head></head>代码中包含此内容：
<script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
这也是：
<script type="text/javascript">
$(document).ready(function{
function nameNotAva() {
alert("Name already exists.");
//some code
}
$('input[type="submit"]').click(function (event) {
event.preventDefault();
var username = $('#uname').val();
$.get("http://rscript.org/lookup.php", {
'type': 'namecheck',
'name': username
}, function (urlOutput) {
if ($(urlOutput).contains('NAMECHECK: NOTAVALIBLE') == true) nameNotAva();
else alert("woohoo");
});
});
});
</script>