codeigniter 中的 $Ajax 请求还检查请求是否正确

Question

我已经尝试了很多并搜索了很多，我做了和我看到的一样的事情，但我不知道我哪里出错了我是 codeigniter 的新手。你能告诉我代码哪里出错了吗？我想根据选择的条形码在我的输入字段中设置产品名称。我正在尝试获取产品名称并尝试使用 AJAX 设置它，但它不起作用。请您告诉我代码中的错误在哪里？

这是我在 Main.php 中的控制器函数

 public function get_product()
    {   

        if (!$this->input->is_ajax_request()) {
           exit('No direct script access allowed');
        }
        $barcode = $_POST['barcode'];
        echo $barcode;
        exit;
        $data['result'] = $this->Item_model->get_product_using_barcode($barcode);
        print_r($data);
        exit;



    }

我在 js 文件中的 Ajax 代码：

$("#brcode").each(function(){

           $("#brcode").change(function(){

                    let value = $("#brcode").val();

                    $.ajax({
                            url: '<?php echo site_url("main/get_product"); ?>',
                            type: 'POST',
                            data: {'barcode': $('#brcode option:selected').val() },
                            dataType: 'json',
                            success: function(data) {
                            //console.log(data);
                            alert(data);
                        }
                    })
           });

        });

模型功能：-

public function get_product_using_barcode($barcode){
         $query = $this->db->get_where('items',array('barcode' => $barcode));
         $result = $query->row();
         return $result;


     }

请告诉我我的代码哪里出错了？

Answer 1

试试这个代码它对我有用。希望这会对你有所帮助。

JQuery：

$(document).ready(function() {
     $("#brcode").change(function(){
        let value = $("#brcode").val();
        $.ajax({
                // URL should be include index.php
                url: '<?php echo site_url("index.php/main/get_product"); ?>',
                type: 'POST',
                data: {'barcode': $('#brcode option:selected').val() },
                dataType: 'json',
                success: function(data) {
                //console.log(data);
                alert(data);
            }
        })
    });
 });

控制器：

public function get_product()
{   
    if (!$this->input->is_ajax_request()) {
       exit('No direct script access allowed');
    }
    $barcode = $_POST['barcode'];
    $data['result'] = $this->Item_model->get_product_using_barcode($barcode);
    return json_encode $data;
}

型号：

public function get_product_using_barcode($barcode){
     $query = $this->db->get_where('items',array('barcode' => $barcode));
     $result = $query->row();
     return $result;
 }

您好！

Answer 2

你能像这样改变js代码吗？并尝试在控制台上查看。

  $(document).ready(function() {
         $("#brcode").change(function(){
                var value = $("#brcode").val();
                $.ajax({
                        url: '<?php echo site_url("main/get_product"); ?>',
                        type: 'POST',
                        data: {'barcode': $('#brcode option:selected').val() },

                        success: function(data) {
                        //console.log(data);
                        alert(data);
                    }
                })
       });
 });

Answer 3

您在使用dataType: 'json' 时在本节中出错了，您的ajax 应该返回一个json 对象。

PHP 标记在 js 文件中不起作用，因此您应该将 ajax 请求放在页面的页脚或硬编码您的 url。例如：url:"http://localhost/retail/main/get_product"

我也认为let value = $("#brcode").val(); 应该是var value = $("#brcode").val();

所以你的控制器代码应该是

public function get_product()
{  
        $data = array();
        if (!$this->input->is_ajax_request()) {
           exit('No direct script access allowed');
        }
        $barcode = $_POST['barcode'];

        $data['result'] = $this->Item_model->get_product_using_barcode($barcode);
        echo json_encode(array("posted_data"=>$_POST,"database_data"=>$data['result']));
        exit;
}

在成功的 ajax 中使用这个

 success: function(data) {
      console.log("Posted data");
      console.log(data.posted_data);
      console.log("Database data");
      console.log(data.database_data);
  }