javascript - ajax 单击按钮在后台运行表单

Question

好吧，我有一个 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

请求网址:system/calculate.php请求方式:POST状态码:200 正常请求 headers 查看源代码接受:/接受编码:gzip、deflate接受语言:en-US,en;q=0.8AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.3连接:保持事件状态内容长度:0主机:本地主机起源:推荐人:/dashboard?ammount=1&price=366.61用户代理:Mozilla/5.0(Windows NT 6.1；WOW64)AppleWebKit/537.36(KHTML，如 Gecko)Chrome/39.0.2171.71 Safari/537.36X-请求-With:XMLHttpRequest响应头 View 源连接:保持事件状态内容长度:236内容类型:text/html日期:2014 年 12 月 8 日星期一 18:45:56 GMT保持事件:超时=5，最大=96服务器:Apache/2.4.10 (Win32) OpenSSL/1.0.1i PHP/5.5.19X-Powered-By:PHP/5.5.19控制台搜索仿真渲染

保存日志

注意:未定义索引:ammount 在C:\xampp\htdocs\system\calculate.php第3
行
注意:未定义索引:C:\xampp\htdocs\system\calculate.php第4
行中的价格0

Answer 1

尝试:

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

...因为您要求的是id。