0

AJAX/PHP の仕組みを理解するためにチュートリアルに従っていましたが、問題が発生しています。

コードから始めましょう。

エスカレーションTest.php:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form>
<input type="text" id="name" placeholder="Enter Name.." /> <br>
<input type="text" id="age" placeholder="Enter Name.." />
<input type="button" value="Submit" onClick="post();" />
</form>
<div id="result"></div>

<script type="text/javascript">
function post()
{

    var name= $('#name').val(); 
    var age= $('#age').val();

    $.post('escalation.php',{postname:name,postage:age},
    function(data)
    {
            $('#result').html(data);

    });
}

</script>


</body>
</html>

エスカレーション.php:

<?php

echo "working";

?>

私はコードを正確に入力しました。送信ボタンをクリックしたときの出力から、結果のdivで「機能」する必要がありますが、これは発生していません。

ここで何が間違っているのですか..?

ありがとう。

4

3 に答える 3

1 
<script type="text/javascript" src="jquery.min.js"></script>

jQuery のバージョンをダウンロードし、このスクリプト タグでリンクします。

オンライン バージョンにリンクすることはできますが、最終的な本番環境での使用には適していないため、必ずローカル コピーを取得する必要があります。

于 2012-12-06T07:45:37.650 に答える
1

次の行を head タグに追加します

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
于 2012-12-06T07:46:02.720 に答える
0

これは非常に簡単な修正です。jQuery が不足しています。以下を追加します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

あなたの頭の要素で。

于 2012-12-06T07:49:14.960 に答える