-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 に答える