jqueryどうしてこのテキストが表示されないのですか

私はjqueryを教えようとしています。（なぜならこれまで成功していませんでした）なぜsubmitをクリックするとid fillのdivが更新されませんか？jqueryどうしてこのテキストが表示されないのですか

あなたはクリックハンドラでfalseを返すことによって、送信ボタンのデフォルトのアクションをキャンセルする必要が

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>    
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("input#go").click(function(){ 
     $("div#fill").load('test1.txt'); 
    }); 
    }); 
</script> 
</head> 
<body>        
    <form name="login"> 
    <label><strong>Administrative Login </strong></label>        
    <p>Username:</p>     
    <input name="username" type="text" id="username" />    
    <p>Password</p>    
    <input name="password" type="password" id="password" /> 
    <br>      
    <input type="Submit" id="go"> 
    <div id="fill"></div>

出典

2012-01-21 user557862

'＃go'とはどのタイプの入力ですか？テキストファイルは存在するのですか？ –

それはタイプ "提出"でした、私はテキストファイルが存在すると思います – user557862

あなたはテキストファイルを読み込もうとしていますか？ – Devjosh

：

$(document).ready(function(){ 
    $("input#go").click(function() { 
     $("div#fill").load('test1.txt'); 
     return false; 
    }); 
});

falseを返すことで、フォームが正常に提出されていない、ブラウザがにとどまります同じページとサーバーからtext.txtファイルをフェッチするために実行しているAJAX呼び出しには、実行に十分な時間があります。

$(document).ready(function(){ 
    $("form").submit(function() { 
     $("div#fill").load('test1.txt'); 
     return false; 
    }); 
});

この意志は毎回フォームがあるAJAX呼び出しが実行されることを保証する：私はあなたの代わりに送信ボタンのクリックイベントのフォームの提出イベントに加入推薦する別の方法として

送信ボタンがクリックされるだけでなく、送信されます。もちろん、それはあなたの要求に依存します。

出典

2012-01-21 09:29:20

ああ...このような方法で送信ボタンを使用するのはこの標準的な方法ですか？ – user557862

それ、またはあなたの入力タイプをボタンに変えてください。それは私にとっては、彼らが主にそこにいるように、より良い選択のように思えます。 –

@ user557862これはそうではありません。そのため、 'type =" button "'を使うことをお勧めします。しかしそれはあなた次第です;-) –

jqueryどうしてこのテキストが表示されないのですか

答えて

関連する問題