javascript - バックグラウンドでajaxクリックボタン実行フォーム

原文 javascript php jquery ajax

OK、それでiputとボタンがあり、クリックするとajaxがバックグラウンドでスクリプトを実行し、phpファイルのスクリプトで別のdivを更新します。

ここにボタンと入力があります

<button type="button" id="calculate" onclick="jQuery('#modal-2').modal('show');"   class="btn btn-purple btn-icon">
<span>calculate</span>
<i class="fa-money"></i>


同じファイル内のAjax:

 <script>
$(document).ready(function() {
$('calculate').click(function(){
    $.ajax({
        type: 'GET',
        url: '/system/calculate.php',
        data: 'ammount=' + $('ammount').val() ,
        success: function(msg) {
            $('#modal-body').html(msg);
        }
    });
});
});
</script>


バックグラウンドで実行されているphpファイル

<?php
//edit, do not leave like this.
$ammount = $_POST['ammount'];
$btcvalue = $_POST['price'];
 $total = ($btcvalue * $ammount) * (1 - $system->fee());
echo $fee;
echo 'kjhgjkj';

 ?>



<div class="modal fade custom-width" id="modal-2">
    <div class="modal-dialog" style="width: 60%;">
    <br/><Br/><br/><Br/>            <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title"><?php echo $lang['totalpriceof']; ?> <?=$coin;?> to buy</h4>
            </div>

            <div class="modal-body">


            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-info">Save changes</button>
            </div>
        </div>
    </div>
</div>


phpファイルの計算にアラートを追加しましたが、アラートではなく、ajax関数が機能している手がかりがありません。

デバッグされた

Remote Address:[::1]:80


リクエストURL:system / calculate.php
リクエストメソッド:POST
ステータスコード:200 OK
リクエストヘッダービューソース
受け入れる:/
Accept-Encoding:gzip、deflate
Accept-Language:en-US、en; q = 0.8
AlexaToolbar-ALX_NS_PH:AlexaToolbar / alxg-3.3
接続:キープアライブ
コンテンツの長さ:0
ホスト:localhost
原点:
Referer:/ dashboard?ammount = 1&price = 366.61
User-Agent:Mozilla / 5.0(Windows NT 6.1; WOW64)AppleWebKit / 537.36(KHTML、like Gecko)Chrome / 39.0.2171.71 Safari / 537.36
X-Requested-With:XMLHttpRequest
応答ヘッダービューのソース
接続:キープアライブ
コンテンツの長さ:236
Content-Type:text / html
日付:2014年12月8日月曜日18:45:56 GMT
キープアライブ:タイムアウト= 5、最大= 96
サーバー:Apache / 2.4.10(Win32)OpenSSL / 1.0.1i PHP / 5.5.19
X-Powered-By:PHP / 5.5.19
ConsoleSearchEmulationRendering

ログを保持


通知:未定義のインデックス:3行目のC:\ xampp \ htdocs \ system \ calculate.phpのammount

通知:未定義のインデックス:4行目のC:\ xampp \ htdocs \ system \ calculate.phpの価格
0
答え
試してください:

$('#calculate').click(function(){


... idを要求しているため。
関連記事

javascript - fullcalendar-railsは、JavaScriptを介してユーザーIDを転送します

javascript - JavaScript:テキストがtextarea内にある場合、選択されたテキストは置き換えられません

javascript - PHP、CSS、JavaScriptまたは可能なあらゆる手段で、異なるアカウントレベルの画像をぼかします

javascript - Game of Lifeの継続問題

javascript - JavaScript RegExpは部分的に大文字と小文字を区別しませんか?

javascript - JavaScriptイベントハンドラー(マウスオーバー)が起動しない

javascript - 境界なしのヘビゲーム

javascript - 送信されたデータが有効な数値ペアであることを確認するにはどうすればよいですか?

javascript - リモートソースのカテゴリを使用しているときにEnterキーを押すと、JQuery-UIオートコンプリートを送信して送信する方法は?

javascript - 呼び出されたときにajaxリクエスト関数が機能しない