您的位置 首页 php

Bootstrap Table 使用GetData传递数据到PHP后端

JS

 $("#save_list").click(function () {
        var allTableData = $("#eee_list").bootstrapTable("getData", true); //获取表格的所有内容行
        var params = JSON.stringify(allTableData);
        var hc_update = $("#hc_update").val(); //获取的页面上非table的取值
        var hc_updateby = $("#hc_updateby").val();
        $.ajax({
          type: "post",
          url: "json/inb_json.php",
          contentType: "application/x-www-form-urlencoded", // 如果是post必须定义
          dataType: "json",
          data: {
            action: "q_hc_save", //发送给后端我们要哪种查询
            update_at: hc_update,//获取的页面上非table的取值
            update_by: hc_updateby,//获取的页面上非table的取值
            params: params // 这里都是table的数据
          },
          success: function (data) {
            console.log(data);
            var flag = String(data.flag);
            if (flag == "true") {
              modal_js.success({
                msg: 'Add Successful"',
                time: 5000,
                icon: 1,
              });
              $("#eee_summary").bootstrapTable("refresh"); //发送数据到后端成功后刷新父表
              $("#eeedetailmodal").modal("hide"); //隐藏model
            }
            // else {
            //     alert('Add Error');
            // }
            params = [];
          },
        });
      });
      $("#eeedetailmodal").on("hide.bs.modal", function () {
        $("#eee_list").bootstrapTable("destroy"); //重要! 不destroy的话,下次打开还是会显示上一次编辑的数据
      });
    });  

PHP后端

 //hc_save
if ($_REQUEST['action'] == 'q_hc_save') {
    $table_data = json_decode($_REQUEST['params'], true); //解析获取到的table的Json数据集
    $hc_update_by = $_REQUEST['update_by'];  //这个是页面传递过来的非Table的数据
    foreach ($table_data as $row) { //循环数据
........
        $hc_job = $row['hc_job'];
........
        $sql = "
replace into
tbl_inb_hc
(
......
hc_job,
.....
)VALUES(
....
'" . $hc_job . "',
'" . $hc_update_by . "',
....
)";
        $con = $sqls->update($sql);
    }
    echo $con;
}  

文章来源:智云一二三科技

文章标题:Bootstrap Table 使用GetData传递数据到PHP后端

文章地址:https://www.zhihuclub.com/153069.shtml

关于作者: 智云科技

热门文章

网站地图