搜索
搜索

PHP AJAX CRUD在获取数据时出现问题

Mahadev 发表于 Dev
75
马哈德夫

因此，我正在使用CodeIgniter Framework开发一些原始应用程序。但是在从数据库检索数据时遇到了问题。我收到404 Not FoundAJAX函数错误。该函数应该在原处，但我似乎找不到为什么它给我一个错误。

请找到文件的以下代码，如果我在这里做错了任何事情，请告诉我。

package_view.php

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Package List</title>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/css/dataTables.bootstrap4.css">
</head>
<body>
<div class="container">
    <!-- Page Heading -->
    <div class="row">
        <div class="col-12">
            <div class="col-md-12">
                <h1>Package
                    <small>List</small>
                    <div class="float-right"><a href="javascript:void(0);" class="btn btn-primary" data-toggle="modal" data-target="#Modal_Add"><span class="fa fa-plus"></span> Add New</a></div>
                </h1>
            </div>

            <table class="table table-striped" id="mydata">
                <thead>
                    <tr>
                        <th>Package ID</th>
                        <th>Test Quantity</th>
                        <th>Price</th>
                        <th style="text-align: right;">Actions</th>
                    </tr>
                </thead>
                <tbody id="show_data">

                </tbody>
            </table>
        </div>
    </div>

</div>

        <!-- MODAL ADD -->
            <form>
            <div class="modal fade" id="Modal_Add" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Add New Package</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                        <div class="form-group row">
                            <label class="col-md-2 col-form-label">Test Quantity</label>
                            <div class="col-md-10">
                              <input type="text" name="test_quantity" id="test_quantity" class="form-control" placeholder="Test Quantity">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-2 col-form-label">Price</label>
                            <div class="col-md-10">
                              <input type="text" name="price" id="price" class="form-control" placeholder="Price">
                            </div>
                        </div>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" type="submit" id="btn_save" class="btn btn-primary">Save</button>
                  </div>
                </div>
              </div>
            </div>
            </form>
        <!--END MODAL ADD-->

        <!-- MODAL EDIT -->
        <form>
            <div class="modal fade" id="Modal_Edit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Edit Package</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                        <div class="form-group row">
                            <label class="col-md-2 col-form-label">Package ID</label>
                            <div class="col-md-10">
                              <input type="text" name="pkg_id_edit" id="pkg_id_edit" class="form-control" placeholder="Package ID" readonly>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-2 col-form-label">Test Quantity</label>
                            <div class="col-md-10">
                              <input type="text" name="test_quantity_edit" id="test_quantity_edit" class="form-control" placeholder="Test Quantity">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-2 col-form-label">Price</label>
                            <div class="col-md-10">
                              <input type="text" name="price_edit" id="price_edit" class="form-control" placeholder="Price">
                            </div>
                        </div>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" type="submit" id="btn_update" class="btn btn-primary">Update</button>
                  </div>
                </div>
              </div>
            </div>
            </form>
        <!--END MODAL EDIT-->

        <!--MODAL DELETE-->
         <form>
            <div class="modal fade" id="Modal_Delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete Package</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                       <strong>Are you sure to delete this record?</strong>
                  </div>
                  <div class="modal-footer">
                    <input type="hidden" name="pkg_id_delete" id="pkg_id_delete" class="form-control">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                    <button type="button" type="submit" id="btn_delete" class="btn btn-primary">Yes</button>
                  </div>
                </div>
              </div>
            </div>
            </form>
        <!--END MODAL DELETE-->

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/js/dataTables.bootstrap4.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        show_package(); //call function show all package

        $('#mydata').dataTable();

        //function show all package
        function show_package(){
            $.ajax({
                type  : 'ajax',
                url   : '<?php echo site_url('Package/package_data')?>',
                async : true,
                dataType : 'json',
                success : function(data){
                    var html = '';
                    var i;
                    for(i=0; i<data.length; i++){
                        html += '<tr>'+
                                '<td>'+data[i].pkg_id+'</td>'+
                                '<td>'+data[i].test_quantity+'</td>'+
                                '<td>'+data[i].price+'</td>'+
                                '<td style="text-align:right;">'+
                                    '<a href="javascript:void(0);" class="btn btn-info btn-sm item_edit" data-pkg_id="'+data[i].pkg_id+'" data-test_quantity="'+data[i].test_quantity+'" data-price="'+data[i].price+'">Edit</a>'+' '+
                                    '<a href="javascript:void(0);" class="btn btn-danger btn-sm item_delete" data-pkg_id="'+data[i].pkg_id+'">Delete</a>'+
                                '</td>'+
                                '</tr>';
                    }
                    $('#show_data').html(html);
                }

            });
        }

        //Save package
        $('#btn_save').on('click',function(){
            var pkg_id = $('#pkg_id').val();
            var test_quantity = $('#test_quantity').val();
            var price = $('#price').val();
            $.ajax({
                type : "POST",
                url  : "<?php echo site_url('Package/save')?>",
                dataType : "JSON",
                data : {pkg_id:pkg_id , test_quantity:test_quantity, price:price},
                success: function(data){
                    $('[name="pkg_id"]').val("");
                    $('[name="test_quantity"]').val("");
                    $('[name="price"]').val("");
                    $('#Modal_Add').modal('hide');
                    show_package();
                }
            });
            return false;
        });

        //get data for update record
        $('#show_data').on('click','.item_edit',function(){
            var pkg_id = $(this).data('pkg_id');
            var test_quantity = $(this).data('test_quantity');
            var price = $(this).data('price');

            $('#Modal_Edit').modal('show');
            $('[name="pkg_id_edit"]').val(pkg_id);
            $('[name="test_quantity_edit"]').val(test_quantity);
            $('[name="price_edit"]').val(price);
        });

        //update record to database
         $('#btn_update').on('click',function(){
            var pkg_id = $('#pkg_id_edit').val();
            var test_quantity = $('#test_quantity_edit').val();
            var price        = $('#price_edit').val();
            $.ajax({
                type : "POST",
                url  : "<?php echo site_url('Package/update')?>",
                dataType : "JSON",
                data : {pkg_id:pkg_id , test_quantity:test_quantity, price:price},
                success: function(data){
                    $('[name="pkg_id_edit"]').val("");
                    $('[name="test_quantity_edit"]').val("");
                    $('[name="price_edit"]').val("");
                    $('#Modal_Edit').modal('hide');
                    show_package();
                }
            });
            return false;
        });

        //get data for delete record
        $('#show_data').on('click','.item_delete',function(){
            var pkg_id = $(this).data('pkg_id');

            $('#Modal_Delete').modal('show');
            $('[name="pkg_id_delete"]').val(pkg_id);
        });

        //delete record to database
         $('#btn_delete').on('click',function(){
            var pkg_id = $('#pkg_id_delete').val();
            $.ajax({
                type : "POST",
                url  : "<?php echo site_url('Package/delete')?>",
                dataType : "JSON",
                data : {pkg_id:pkg_id},
                success: function(data){
                    $('[name="pkg_id_delete"]').val("");
                    $('#Modal_Delete').modal('hide');
                    show_package();
                }
            });
            return false;
        });

    });

</script>
</body>
</html>

Packages.php

<?php
class Packages extends CI_Controller{
function __construct(){
    parent::__construct();
    $this->load->model('package_model');
}
function index(){
    $this->load->view('package_view');
}

function package_data(){
    $data=$this->package_model->package_list();
    echo json_encode($data);
}

function save(){
    $data=$this->package_model->save_package();
    echo json_encode($data);
}

function update(){
    $data=$this->package_model->update_package();
    echo json_encode($data);
}

function delete(){
    $data=$this->package_model->delete_package();
    echo json_encode($data);
}
}

和

package_model.php

<?php
class package_model extends CI_Model{

function package_list(){
    $hasil=$this->db->get('tblexampackages');
    return $hasil->result();
}

function save_package(){
    $data = array(
            'pkg_id'  => $this->input->post('pkg_id'), 
            'test_quantity'  => $this->input->post('test_quantity'), 
            'price' => $this->input->post('price'), 
        );
    $result=$this->db->insert('tblexampackages',$data);
    return $result;
}

function update_package(){
    $pkg_id=$this->input->post('pkg_id');
    $test_quantity=$this->input->post('test_quantity');
    $price=$this->input->post('price');

    $this->db->set('price', $price);
    $this->db->set('test_quantity', $test_quantity);
    $this->db->where('pkg_id', $pkg_id);
    $result=$this->db->update('tblexampackages');
    return $result;
}

function delete_package(){
    $pkg_id=$this->input->post('pkg_id');
    $this->db->where('pkg_id', $pkg_id);
    $result=$this->db->delete('tblexampackages');
    return $result;
}

}

其他文件是autoload.php，config.php并且database.php配置正确。请告诉我我要去哪里错了。

至于数据库，MySQL的连通性良好，并命名为表tblexampackages只有3列，名称pkg_id，test_quantity和price。

谢谢。

编码器

您的控制器是Packages，您正尝试访问Package ...从 

url   : '<?php echo site_url('Package/package_data')?>', //old

url   : "<?php echo site_url('Packages/package_data')?>" //new

之后，将您的package_list编辑为以下内容

$query = $this->db->get('tbl_name');
return $query->result_array();

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在img标签内使用php获取文件网址时出现问题

使用AJAX用PHP将JS变量插入MySQL表时出现问题

PHP / AJAX从Ajax获取ID

AJAX JQuery出现问题

在PHP上访问Ajax Post数据时遇到问题

从ajax php脚本获取数据

使用AJAX时history.pushState出现问题

获取Recapcha 2与PHP页面进行通信时出现问题

php从ajax获取变量

使用Delphi，Indy10和LARAVEL PHP获取响应内容时出现问题

使用PHP exec（）获取更新信息时出现问题

使用ajax和php从数据库将数据检索到html下拉列表时出现问题？

验证Ajax调用的select值时出现问题

Soundcloud和PHP：从accesToken获取用户名时出现问题

使用ajax和php将数据显示到html表时出现问题

php变量和ajax javascript出现问题

Ajax PHP范围问题

PHP从数据库读取数据时出现问题

使用AJAX，Slim和PHP时无法获取JSON数据

将Ajax表单提交到PHP脚本时出现问题

使用PHP将数据插入MYSQL数据库时出现问题

使用php将数据插入MySQL数据库时出现问题

使用PHP和MySQLi插入数据时出现问题

使用Ajax提交表单数据时出现问题

Angular / Ajax / PHP无法获取数据的问题

从 AJAX/PHP 获取响应

从 PHP 中的外部 url 解析 JSON 数据时出现问题

使用 Ajax 时我的实时数据搜索引擎出现问题

使用 Ajax Datasrc Datatable 显示数据时出现问题

TOP 榜单

  1. 1

    蓝屏死机没有修复解决方案

  2. 2

    计算数据帧中每行的NA

  3. 3

    UITableView的项目向下滚动后更改颜色，然后快速备份

  4. 4

    Node.js中未捕获的异常错误，发生调用

  5. 5

    在 Python 2.7 中。如何从文件中读取特定文本并分配给变量

  6. 6

    Linux的官方Adobe Flash存储库是否已过时？

  7. 7

    验证REST API参数

  8. 8

    ggplot：对齐多个分面图-所有大小不同的分面

  9. 9

    Mac OS X更新后的GRUB 2问题

  10. 10

    通过 Git 在运行 Jenkins 作业时获取 ClassNotFoundException

  11. 11

    带有错误“ where”条件的查询如何返回结果？

  12. 12

    用日期数据透视表和日期顺序查询

  13. 13

    VB.net将2条特定行导出到DataGridView

  14. 14

    如何从视图一次更新多行（ASP.NET - Core）

  15. 15

    Java Eclipse中的错误13，如何解决？

  16. 16

    尝试反复更改屏幕上按钮的位置 - kotlin android studio

  17. 17

    离子动态工具栏背景色

  18. 18

    应用发明者仅从列表中选择一个随机项一次

  19. 19

    当我尝试下载 StanfordNLP en 模型时，出现错误

  20. 20

    python中的boto3文件上传

  21. 21

    在同一Pushwoosh应用程序上Pushwoosh多个捆绑ID

热门标签

归档