-5

这是代码：

<!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。如果您想要我正在尝试做的完整信息然后转到-如何检查创建的 URL 的输出？

我正在使用最新版本的 jquery 库。

4

2 回答 2

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>
于 2013-06-07T15:36:24.067 回答
0

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>
于 2013-06-07T15:51:05.550 回答