Question

这是代码：

<!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库。

Answer 1

您尚未包含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>

Answer 2

http://jsfiddle.net/ksJEj/

更改输入类型：

<input type="submit" value="Submit"/>

在<head></head>代码中包含此内容：

HTML

<script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

这也是：

HTML / JavaScript的

<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>

代码无效

2 个答案:

http://jsfiddle.net/ksJEj/

HTML

HTML / JavaScript的