Question

我正在处理一个脚本，该脚本从一个表中复制行ID，并在页面上创建一个新表，其中所有行都是通过复选框选择的，以便创建所选结果的比较表，并且我已经我的两个ajax调用之间的协同作用遇到了问题。

当在原始表中创建以下行时，分配给该行的<a>元素的类会触发ajax调用，然后填充显示在页面上的模式以及其他信息。< / p>

这是

行

echo "<td><a id='$id' data-toggle='modal' href='#provmodal' class='push'>".$results['provider_name']."</a>";

当以这种方式触发模态时，信息填充得很好。

现在，在填充新表的脚本中，我调用另一个单独的脚本，该脚本重新查询所选行ID并设置html。

以下是该脚本的一部分：

 $('.compareCheck:checked').each(function(){
            var ele_id = $(this).attr('id');
            $.ajax({
            type : 'post',
            url : 'compare.php', //query 
            data :  'post_id='+ ele_id, // passing id via ajax
            dataType: "json",
            success : function(data){
                var row = "<tr class='removeRow'>";
                row += "<td>" + data.provider_num + "</td>";

//HERE IS WHERE THE RE-CREATION OF THE MODAL CALL GOES \/

                row += "<td><a id='" + ele_id + "' data-toggle='modal' href='#provmodal' class='push'>" + data.provider_name + "</a></td>";

                row += "<td style='text-align:right;'>$" + formatNumber(data['233_net_charity_care']) + "</td>";
                row += "<td style='text-align:right;'>$" + formatNumber(data['291_cost_of_non_mcr_bad_debts']) + "</td>";
                row += "<td style='text-align:right;'>$" + formatNumber(data['301_cost_of_uncomp_care']) + "</td>";
                row += "<td style='text-align:right;'>" + ((data['233_net_charity_care']/data['301_cost_of_uncomp_care'])*100).toFixed(1) + "%</td>";
                row += "<td style='text-align:right;'>" + ((data['291_cost_of_non_mcr_bad_debts']/data['301_cost_of_uncomp_care'])*100).toFixed(1) + "%</td>";
                row += "</tr>";
                $("#compareTable > tbody").append(row);
              }
            });
              });

正如您在我当前的实现中所看到的，我使用的是ele_id var，但我也尝试了data.id和data['id']之类的内容。所有这些都会触发模态，但不会产生PHP脚本的结果。

这是我的两个php脚本：

脚本A：填充模态 - （modalquery.php）

<?php
require_once("link_costreport_2013.php");
$id = $_POST['post_id'];
$modalquery = $link->prepare("SELECT * FROM s10 WHERE id = :id");
$modalquery->bindParam(':id', $id, PDO::PARAM_INT);
$modalquery->execute();
$modalresults = $modalquery->fetch();
print_r("<h4>State: ".$modalresults['state']."</h4>");
print_r("<h4>City: ".$modalresults['city']."</h4>");
print_r("<h4>Street: ".$modalresults['street']."</h4>");
print_r("<h4>Zip: ".$modalresults['zip']."</h4>");
print_r("<h4>County: ".$modalresults['county']."</h4>");
?>

和脚本B - 将重新查询转换为新比较表的值的脚本（compare.php）

<?php
include_once('functions.php');
include_once('link_costreport_2013.php');
if(isset($_POST['post_id'])){
    $id = $_POST['post_id'];
}
    $query = $link->prepare("SELECT * 
                FROM `s10`
                            WHERE `id` = :id");
    $query->bindParam(':id', $id, PDO::PARAM_INT);
    $query->execute();
    $results = $query->fetch(PDO::FETCH_ASSOC);
    echo json_encode($results);
?>

如果它有帮助，这是我的脚本，用于将.push类转换为ajax调用的触发器，该调用返回模态内容。

$(function(){
            $('.push').click(function(){
            var ele_id = $(this).attr('id');

            $.ajax({
            type : 'post',
             url : 'modalquery.php', // in here you should put your query 
            data :  'post_id='+ ele_id, // here you pass your id via ajax .
                   // in php you should use $_POST['post_id'] to get this value 
             success : function(r)
             {
                // now you can show output in your modal 
              $("#provmodal .modal-body").html(r).promise().done(function(){
              $("#provmodal").modal('show');  
                           });
             }
               });
              });
          });

我以这种方式使用ajax和jquery是新手，所以任何洞察力都会非常出色。

提前致谢

：编辑：当ID = 1时，这是json_encode($results)的输出

{"id":"1","report_record_num":"548598","provider_num":"381301","provider_name":"COTTAGE GROVE COMMUNITY HOSPITAL","street":"1515 VILLAGE DRIVE","city":"COTTAGE GROVE","county":"LANE","state":"OR","zip":"97424-9700","cbsa":"21660","urban_or_rural":"Rural","ownership_type":"Voluntary, Nonprofit, Church","divider":"","divider2":"","1_cost_to_charge_ratio":"0.703459","2_net_rev_from_mcd":"3920096","3_recieve_sup_mcd_payments":"Y","4_include_if_yes":"N","5_dsh_or_sup_payments":"84890","6_medicaid_charges":"6192717","7_medicaid_cost":"4356323","8_dif_net_rev_and_cost":"351337","9_schip_net_rev":"0","10_stnd_alone_schip_charges":"0","11_stnd_alone_schip_cost":"0","12_diff_schip_rev_and_cost":"0","13_net_rev_from_state_local":"0","14_charge_under_state_law":"0","15_state_local_program_cost":"0","16_dif_between_net_rev_and_cost":"0","17_private_grants_and_donations":"6886","18_gov_grants":"0","19_tot_unreim_cost_mcd_schip_gov":"351337","201_tot_init_charity_for_uninsured":"593922","202_tot_init_charity_for_insured":"1072203","203_tot_init_charity_all":"1666125","211_cost_of_init_charity":"417800","212_cost_of_init_charity":"754251","213_cost_of_init_charity":"1172051","221_partial_pmt_charity_pat":"4385","222_partial_pmt_charity_pat":"8868","223_partial_pmt_charity_pat":"13253","231_net_charity_care":"413415","232_net_charity_care":"745383","233_net_charity_care":"1158798","241_charges_beyond_los_inc":"N","251_charges_beyond_los_lim":"0","261_total_bed_debts":"0","271_medicare_bad_debts":"79275","281_non_medicare_bad_debts":"-79275","291_cost_of_non_mcr_bad_debts":"-55767","301_cost_of_uncomp_care":"1103031","311_cost_of_unreim_and_uncomp":"1454368"}

：EDIT2：好的，所以我回去拍了一些正在发生的事情的照片。不知怎的，我的模态文本没有出现在第二个表<a class="push">元素中。这是照片：

！（http://imgur.com/xgsOzSy） - 这是在第一个表格中！（http://imgur.com/uSsI3DM） - 这是第二次按下相同链接时发生的情况。我相信它没有触发ajax .push电话。

Answer 1

尝试更改：

$(document).on('click','.push',function(){

有关：

$('.push').on('click', function(){

在第一种情况下，事件处理程序被添加到具有“push”类的每个元素，该类在执行“click”函数时存在于DOM中。第二种情况，即使用“on”函数的情况，它将事件处理程序添加到已存在的元素和尚未存在于DOM中的元素，即在执行adition之后创建的元素，例如您添加到的元素桌子。

希望我清楚自己，我正在努力提高自己的英语水平。

从另一个ajax函数触发的Ajax函数无法正常工作

1 个答案: