Ajax 单击按钮在后台运行表单 - ajax click button run form in background

ajax click button run form in background

好的，所以我有一个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

请求网址：系统/计算.php请求方式：开机自检状态代码：200 OK请求标头查看源代码接受：/接受编码：gzip，放气Accept-Language：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， like Gecko( Chrome/39.0.2171.71 Safari/537.36X-Request-with：XMLHttpRequest响应标头查看源代码连接：保持活动状态内容长度：236内容类型：文本/html日期：2014年12月08日星期一 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控制台搜索仿真渲染

保留日志

注意：未定义的索引：在 C：''xampp''htdocs''system''calculate.php 第 3
行注意：未定义的索引：价格在 C：''xampp''htdocs''system''calculate.php 第 4
行0

尝试：

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

。既然你要求id.

我会使用数组作为响应。

.PHP：

$total = ($_POST['price'] * $_POST['ammount']) * (1 - $system->fee());
define('ARRAYSPLIITER', '::');
echo $fee . ARRAYSPLIITER . 'Second String';

jQuery Ajax ：

$.ajax({
     type: 'GET',
     url: '/system/calculate.php',
     data: 'ammount=' + $('ammount').val() ,
     success: function(msg) {
         array = msg.split("::");
         $('#modal-body').html(array[0]);
         $('#element2').html(array[1]);
     }
})