-1

所以我有一个小问题。我在一个网站上工作，这是我第一次使用 ajax 发布到页面。我有一个带有提交按钮和链接的表单。当按下提交按钮时，一切正常，但用户应该能够单击链接以绕过页面，但我仍然需要发布到该页面的一些信息，所以我用谷歌搜索了没有提交按钮的帖子，然后出现了 ajax 所以我想我会试一试。它似乎不起作用。这是我正在使用的代码。

 $('#chkEndAccDate').click(function(evt){
    alert("before ajax");
    var totalcost = $('#total_cost').val();
$.ajax({

    type: "POST",
    url: "http://sandbox.phareconsulting.com/complete_order.php",
    `enter code here`data: {cost : totalCost}
       });
   alert("after ajax");
});

此代码在我尝试时也不起作用 $(document).on('click','#chkEndAccDate',function(){ cost = $('#total_cost').val(); $.post(" http://www.sandbox.phareconsulting.com/complete_order.php ", {cost: cost},function(d){ alert("post"); }); });

在 php 文件中，我现在只是在做print_r($_POST);，但 post 数组是空的。有人可以帮帮我吗。我认为我们中的一些人只是没有正确理解 ajax。我以为我做到了，但我无法让它工作。

谢谢你。

4

4 回答 4

1

sd 和 Thiefmaster 已经编写了正确的语法，但是，最好更改变量的名称以避免混淆。

var totalCost = $('#total_cost').val();

然后使用：

data: {cost : totalCost}
于 2013-09-08T14:45:47.513 回答
1

使用它 data:{cost: cost} 来发送数据。

使用此代码：

$(document).on('click','#chkEndAccDate',function(){
cost = $('#total_cost').val(); 
$.post("http://sandbox.phareconsulting.com/complete_order.php",
{cost: cost},function(d){
});
});
于 2013-09-08T14:37:28.007 回答
1

这应该是正确的语法：

data: "{'cost':'" + cost+ "'}"
于 2013-09-08T14:40:12.583 回答
0

使用jQuery 表单插件发送 ajax 表单是一个好主意，这将自行获取数据并将其发送到表单操作 url。
该插件还为您提供控制发送过程的功能。这是一个例子：

    var bar = $('#progressBar');
    var percent = $('#percent');
    var status = $('#status');
    $('#form-id').ajaxForm({
        beforeSend: function() {
            //validate the data 
            status.empty();
            var percentVal = '0%';
            bar.width(percentVal);
            percent.html(percentVal);
        },
        uploadProgress: function(event, position, total, percentComplete) {
           // draw a progress bar during ajax request
            var percentVal = percentComplete + '%';
            bar.width(percentVal);
            percent.html(percentVal);
        },
        complete: function(xhr) {
            bar.width("100%");
            percent.html("100%");

        }
    });

进度条的 Html ：

    <div id="progress">
      <div id="bar"></div >
      <div id="percent">0%</div >
    </div>

CSS：

    #progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
    #bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
    #percent { position:absolute; display:inline-block; top:3px; left:48%; }
于 2013-09-08T15:45:03.840 回答