2017-12-24 5 views
-1

私はここに座って3時間シンセを座って、それを走らせるために何が必要なのかを理解しようと、アヤックスを学ぼうとしています。この作品を作成するには?

XamppでScriptlyで使用しています。

これは私のコードです:

<head> 
    <title>Titel</title> 

    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>Ajax Example!</title> 

    <script src="js\jquery/jquery.js"></script> 

    <script> 
     $(document).ready(function(){ 
      $("#btnSubmit").click(function(){ 
      //alert("hello"); 
       $.ajax({ 
        type: "POST", 
        url: "http://localhost/inde.php", 
        data: { 
         myName: "durgesh technoclass" 
        }, 
        success: function(output){ 
         alert(output); 
        } 
       }); 
      }); 
     }); 
    </script> 
</head> 

<body> 

<form> 
    <button id="btnSubmit">Click me !</button> 
</form> 

私もYoutubeのチュートリアルを見て、そこからすべてのコードをコピーしました。 チュートリアルの評価は良いです、コードは彼のために働くようですが、なぜそれは私のために働かないのですか?私はそれを理解していない。

Jqueryは機能しますが、ajaxはありません。スクリプトはページをリロードして何も表示しません。

助けてください。

編集:XAMPPはdoesn't実際のサーバを実行するため

が、それは、それは仕事をdoesn'tこともできますか?

<?php 
    echo "Welcome from Server"; 
?> 

編集2: ソリューション: 私はinde.phpのパスを台無しに

はリクエストに応じて、"inde.php"のコードをhere's。 ただ修正しました。

これは動作しますが、コードに間違いがあります。 Tanvir Ahmad Sohanで修正されました。あなたは彼の答えをそこに見つけることができます。

+0

jQueryがロードされていますか? '

関連する問題