php - 通过 ajax 向 CI 控制器发送数据

Question

我是 ajax 和 CI 的新手。我想通过 ajax 发送数据和图像。在我看来，我有 3 个输入字段和一个图像上传按钮。

var val1 = $("#val1"+id).val();
var val2 = $("#val2").val();
$.ajax({
            type: "POST",
            url: "page/save_data",
            data: "{ val1 :'"+val1+"',val2:'"+val2+"}",
            success: function(msg) {

                    alert(msg);
            }
    });

当我尝试这个时，在控制器中它什么也没显示

function save_data()
{
    $val = $this->input->post('val1');
    echo $val1;


}

在控制台中它什么也没给我。

Answer 1

试试这个 ：

$.ajax({
            type: "POST",

            url: "page/save_data",
            data: { "val1 ":val1,"val2": val2},
            success: function(msg) {
                    alert(msg);
            }
    });

Answer 2

您的 ajax URL 必须引用您的方法名称；

...
 $.ajax({
        type: "POST",
        url: "page/save_data", //change this to your method;
 ...

应该是这样的：

  ...
  $.ajax({
        type: "POST",
        url: "page/save_iudata",//or whatever your method's name;
  ...

编辑：

试试这种方式：

function save_data(){
  $val1 = $_REQUEST['val1'];
  echo $val1;
}

Answer 3

您好，通过 ajax 发送数据很简单：

        var data = {
            val1: $('#val1').val(),
            val2: $('#val2').val(),
        };

        $.ajax({
            url: "<?php echo base_url().'page/save_data'; ?>",
            dataType: 'json',
            type: 'POST',
            async : false,
            data: data,

            success: function(msg){
                ...
            }
        });
        return false;

但是要发送图像，您必须进行一些研究……这是一个很好的教程