在div中的codeigniter成功后无法显示来自ajax的数据

Question

提交ajax后，我正在获取数据，但是在控制台中，只有数据不在codeigniter中的div中，这是代码

 jQuery('#npost').submit(function(e){

        e.preventDefault();
        var formData = new FormData(this);

        var url= '<?php echo base_url("user/postData"); ?>';

        jQuery.ajax({

            type: "POST",
            url:url,
            data: formData,
            dataType: 'json',
            cache: false,
            contentType: false,
            processData: false,
            success: function(data)
            {
              console.log(data);


        jQuery("div#output_post").show();
        jQuery("div#data").html(data);

      },
            error: function(data){
            //error function
          }
       });            
    });

现在

 $post = $this->input->post();
    print_r($post);
    unset($post['submit']);
    $this->load->model('Pmodel');
    $post_data=$this->Pmodel->post_data($post);

   echo json_encode($post);

但是这样做只能显示控制台中的值，成功功能不起作用

Answer 1

如果$post_data正在运行到模型，也许您应该从中返回结果？

目前，您正在发回从ajax调用发送来的原始数据...您不确定$post_data=$this->Pmodel->post_data($post); 实际上正在运行...通常，您将使此函数返回要显示的内容，然后使用json_encode($post_data)发回

jQuery("div#data").html(data); 可能只会输出正确的html，因为返回的数据（从我看到的可能是JSON对象jQuery("div#data").text(data);应该起作用...尽管我看不到有任何事情要做与您的DOM，因为视图未显示给我们...

Answer 2

我想我找到了解决这个问题的方法，这是我获得ajax成功后首先需要获取json_encode数据以字符串形式读取的方法。 所以我做到了

成功：function（data）{var ParsedObject = JSON.stringify（data）;

         var json = $.parseJSON(ParsedObject);

         json.textdata;

         $('#result_table').append(json.textdata);

  }

这样就获得了我现在想要显示的textdata的值，只需将数据附加到该div即可。