如何在php/codeigniter中为datepicker执行$\u POST

首先，我使用的是codeigniter框架，我是JS和AJAX的初学者，请耐心听我说

我读了这个问题，所以我试着跟着答案走

这是脚本（已更新）：

 $(function() {
            $( "#datepicker").datepicker().click(function() {
            $.ajax({
                type: 'POST',
                url: "<?php echo base_url(); ?>backend/umat/add",
                dataType: "json",
                data: $('#form_daftar').serialize(),
                success: function(data) {
                    console.log("Done");

                }
            });
            return false;
            });
        });

$（函数（）{
$（“#datepicker”）.datepicker（）。单击（函数（）{
$.ajax({
键入：“POST”，
url:“后端/umat/add”，
数据类型：“json”，
数据：$（'#form_daftar'）。序列化（），
成功：功能（数据）{
控制台日志（“完成”）；
}
});
返回false；
});
});

这是我的datepicker HTML代码：

<input type="text" id="datepicker" name="datepicker"
value="<?php echo isset($umat['tanggal_lahir'])?$umat['tanggal_lahir']:""?>"/>

---

您在这里错过了什么：

您的单击事件位于doc ready处理程序之外，该处理程序应该位于doc ready内部，以便当页面准备就绪时，元素应该可以单击
您错过了一个结束日期（代码>）标记。（但这无关紧要）
所以试试这个：

    $(function() {
        $( "#datepicker").datepicker();

        $("#datepicker").click(function() {
          $.ajax({
              type: 'POST',
              url: "<?php echo base_url(); ?>backend/umat/add",
              dataType: "json",
              data: {frmData : $('#form_daftar').serialize()}, // <----send this way
              success: function(data) {
                  console.log(data.date);
                  // here data is the returned data from the specified url and make sure
                  // that url is generating a proper json structrue.
                  // suppose there is a key named date which holds the submitted date so
                  // data.date will get you the date.
              }
           });
        }); //<----you missed this closing of click function.
    }); //<----------put everything before this closing of doc ready handler.

您在这里错过了什么：

您的单击事件位于doc ready处理程序之外，该处理程序应该位于doc ready内部，以便当页面准备就绪时，元素应该可以单击
您错过了一个结束日期（代码>）标记。（但这无关紧要）
所以试试这个：

    $(function() {
        $( "#datepicker").datepicker();

        $("#datepicker").click(function() {
          $.ajax({
              type: 'POST',
              url: "<?php echo base_url(); ?>backend/umat/add",
              dataType: "json",
              data: {frmData : $('#form_daftar').serialize()}, // <----send this way
              success: function(data) {
                  console.log(data.date);
                  // here data is the returned data from the specified url and make sure
                  // that url is generating a proper json structrue.
                  // suppose there is a key named date which holds the submitted date so
                  // data.date will get you the date.
              }
           });
        }); //<----you missed this closing of click function.
    }); //<----------put everything before this closing of doc ready handler.

另一种方法是使用datepicker内置方法触发ajax请求，如

$('#datepicker').datepick({
      dateFormat:"yyyy-mm-dd",
      onSelect:function(){
          $.ajax({
             type: 'POST',
             url: "<?php echo site_url('backend/umat/add'); ?>",
             dataType: "json",
             data: $('#form_daftar').serialize(),
             success: function(data) {
                 console.log("Done");
             }
          });                                   
      }
}); 

$（“#日期选择器”）.datepick({
日期格式：“yyyy-mm-dd”，
onSelect:function（）{
$.ajax({
键入：“POST”，
url:“”，
数据类型：“json”，
数据：$（'#form_daftar'）。序列化（），
成功：功能（数据）{
控制台日志（“完成”）；
}
});                                   
}
}); 

使用datepicker js检查手动或内置函数和回调。
另一种方法是使用datepicker内置方法触发ajax请求，如

$('#datepicker').datepick({
      dateFormat:"yyyy-mm-dd",
      onSelect:function(){
          $.ajax({
             type: 'POST',
             url: "<?php echo site_url('backend/umat/add'); ?>",
             dataType: "json",
             data: $('#form_daftar').serialize(),
             success: function(data) {
                 console.log("Done");
             }
          });                                   
      }
}); 

$（“#日期选择器”）.datepick({
日期格式：“yyyy-mm-dd”，
onSelect:function（）{
$.ajax({
键入：“POST”，
url:“”，
数据类型：“json”，
数据：$（'#form_daftar'）。序列化（），
成功：功能（数据）{
控制台日志（“完成”）；
}
});                                   
}
}); 

使用日期选择器js检查手动或内置函数和回调。
试试：

$(function() {
            $( "#datepicker").datepicker();         
            $("#datepicker").change(function() {
                $.ajax({
                    type: 'POST',
                    url: "<?php echo base_url(); ?>backend/umat/add",
                    dataType: "json",
                    data: $('#form_daftar').serialize(),
                    success: function(data) {
                        console.log("Done");

                    }
            });
        });

$（函数（）{
$（“#日期选择器”）.datepicker（）；
$（“#日期选择器”）.change（函数（）{
$.ajax({
键入：“POST”，
url:“后端/umat/add”，
数据类型：“json”，
数据：$（'#form_daftar'）。序列化（），
成功：功能（数据）{
控制台日志（“完成”）；
}
});
});

php从ajax获取数据：

<?php
$date = $_POST["datepicker"];
?>


试试看：

$(function() {
            $( "#datepicker").datepicker();         
            $("#datepicker").change(function() {
                $.ajax({
                    type: 'POST',
                    url: "<?php echo base_url(); ?>backend/umat/add",
                    dataType: "json",
                    data: $('#form_daftar').serialize(),
                    success: function(data) {
                        console.log("Done");

                    }
            });
        });

$（函数（）{
$（“#日期选择器”）.datepicker（）；
$（“#日期选择器”）.change（函数（）{
$.ajax({
键入：“POST”，
url:“后端/umat/add”，
数据类型：“json”，
数据：$（'#form_daftar'）。序列化（），
成功：功能（数据）{
控制台日志（“完成”）；
}
});
});

php从ajax获取数据：

<?php
$date = $_POST["datepicker"];
?>


您确定可以链接它吗？我想
.datepicker（）
会返回datepicker对象，而不是jQuery对象。@AustinBrunkHost datepicker，然后单击事件并使用链接。感谢您的帮助，日历又开始工作了。请查看我更新的问题：D@BlazeTama您没有向url发送对象，请尝试此
{data:$（'#form_daftar'）.serialize（）}
因为您使用的是json，所以这应该是json格式的。试试这个，看看是否有帮助。@Jai谢谢您的帮助。如何检索数据？我对AJAX和JS有点盲目：（您确定可以链接它吗？我想
.datepicker（）
返回datepicker对象，而不是jQuery对象。@AustinBrunkHost datepicker并单击带有链接的事件。感谢您的帮助，日历再次工作。请查看我更新的问题：D@BlazeTama您没有向url发送对象，请尝试以下
{data:$（'#form_daftar'）.serialize（）}
因为您使用的是json，所以应该是json格式。试试看是否有帮助。@Jai谢谢您的帮助。如何检索数据？我对AJAX和JS有点盲目：（感谢您的帮助，日历再次工作。请查看我的更新问题：谢谢您的帮助，日历再次工作。请查看我的更新问题：谢谢您的帮助，日历再次工作。请查看我的更新问题：谢谢您的帮助，日历再次工作。请查看我的更新问题：D