Question

因此，我正在处理包含表单和文件数据的表单。我想通过Ajax提交。因此，当它不能通过表单验证时，使用不会丢失整个条目。

create.php

 <script type="text/javascript">
        $("#add-product-form").submit(function(e){
            e.preventDefault();
            var formData = new FormData(this);
            console.log(formData);
            var url="products/ajax_add_single_product";
            $.ajax({
                type:"post",
                url:"<?php echo base_url() ?>"+url,
                data:formData,
                dataType:'json',
                cache: false,
                contentType: false,
                processData: false,
                error: function (jqXHR, textStatus, errorThrown) {
                    console.log(jqXHR,textStatus,errorThrown);
                    error = jqXHR.responseJSON.error;
                    $(".submit-message").html(error);
                    console.log(error);
                    $("html, body").animate({ scrollTop: 0 }, 200);
                },
                success: function (data, textStatus, jqXHR) {
                    message = jqXHR.responseJSON.success;
                    $(".submit-message").html(message);
                    location.href = "/products";
                }
            })
        })
    </script>

控制器

public function create(){
            $data\['title'\] = "Add Product";
            $data\['categories'\] = $this->category_model->get_categories();
            $data\['children'\] = $this->category_model->get_child_cats(0);
            $data\['vendors'\] = $this->vendor_model->get_vendors();
            $data\['attributes'\] = $this->product_model->get_attributes();
            $this->load->view('templates/header', $data);
            $this->load->view('products/create');
            $this->load->view('templates/footer');
        }

        public function ajax_add_single_product(){
            $this->form_validation->set_error_delimiters('<div class="error">', '</div>');
            $this->form_validation->set_rules('productname', 'Product Name', 'required');
            $this->form_validation->set_rules('partnumber', 'Part Number', 'required|is_unique\[items.itemSKU\]');
            $this->form_validation->set_rules('catID', 'Category', 'required', array('required'=>"You need to pick a %s"));

            header('Content-Type: application/json');
            if ($this->form_validation->run() === FALSE)
            {
                $this->output->set_status_header(400);
                $errors = validation_errors();
                echo json_encode(['error'=>$errors]);
            }
            else
            { 
                $this->output->set_status_header(200);
                $imageData = $this->images_upload();
                $this->product_model->create_product($imageData);
                echo json_encode(['success'=>'Record added successfully.']);
            }
        }

使用上述代码，当输入无法通过表单验证时，它将给我表单验证错误。输入成功后，它将按我的预期将数据插入数据库。但这仍然会给我一个错误。好像我没有得到JSON数据，并得到html。

Answer 1

因此，在模型中的create_product（）函数中只有一行。在将数据插入表之后，我将redirect('/products')放在后面，这就是为什么我得到页面产品的html源代码的原因。

“ parsererror”语法错误：JSON中位置0处的意外令牌<

1 个答案: