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を要求しているため。

関連記事