Question

计划

我得到的计划是使用JQUERY从视图中的三个字段中检索输入。然后使用AJAX将该输入发送到控制器，控制器又将该数据发送给模型。要用于检索数据，请将结果发送回.js文件，然后修改表以在视图中显示数据。

问题

查看我的代码，看起来数据不会从.js文件发送到控制器。我认为这是因为数据库中的数据没有显示在修改后的表中。此外，当我在控制器内部放回一个echo以发送回.js来触发警报时，看看AJAX是否成功。没有任何事情发生。

我的Javascript代码

 $('#bttnSubmit').click(function() {
        // Gather the input from the view and place them into variables
        var company = $('#client :selected').val();
        var dateFrom = $('#dateFrom').val();
        var dateTo = $('#dateTo').val();

        if (company != "") {
            var post_url = "http://localhost/ProjectSage/index.php/site/members_area";

            $.ajax ({
                type: "POST",
                url: post_url,
                cache: false,
                data: "company=" + company + "&dateFrom=" + dateFrom + "&dateTo=" + dateTo,
                success: function(invoices) {
                    $.each(invoices, function(InvoiceID, CompanyName, InvRef, InvDate, InvTotal, SageReference){
                        $('.invoice_tbody').append('<tr>');
                            $('.invoice_tbody').append('<td class="invoice_td">' + InvoiceID + '</td>');
                            $('.invoice_tbody').append('<td class="invoice_td">' + CompanyName + '</td>');
                            $('.invoice_tbody').append('<td class="invoice_td">' + InvRef + '</td>');
                            $('.invoice_tbody').append('<td class="invoice_td">' + InvDate + '</td>');
                            $('.invoice_tbody').append('<td class="invoice_td">' + InvTotal + '</td>');
                            $('.invoice_tbody').append('<td class="invoice_td">' + SageReference + '</td>');
                        $('.invoice_tbody').append('</tr>');
                    });
                } // End of success
            }) // End of AJAX method
        } else {
            alert("You need to select an input first!!!");
        } // End of if statement
    }); // End of click function

我的控制器功能代码

  function get_invoices() {
  // Retrieve the data sent from the .js file using _POST method
  $company = $_POST['company'];
  $dateFrom = $_POST['dateFrom'];
  $dateTo = $_POST['dateTo'];

  // Load invoice_model
  // Initialise the JSON header
  // Encode the response using the parameters sent from the .js file and send it back to the .js file
  $this->load->model('invoice_model');
  header('Content-Type: application/x-json; charset=utf-8');
  echo(json_encode($this->invoice_model->get_invoices($company, $dateFrom, $dateTo)));
 }

我的模型功能代码

function get_invoices($company, $dateFrom, $dateTo) {

// Query to retrieve data from database
// Sent it back to the controller to be populated into a table

$ONEDB = $this->load->database('ONEDB', TRUE);
$ONEDB->select('InvoiceID, CompanyName, InvRef, InvDate, InvTotal, SageReference'); 
$ONEDB->where('ClientID', $company);
$ONEDB->where('InvDate >=', $dateFrom);
$ONEDB->where('InvDate <=', $dateTo);
$ONEDB->join('Supplier', 'Supplier.SupplierName = InvDetail.InvSupplier');

$query = $ONEDB->get('InvDetail');

$result = $query->result();

return $result;

}

问题

有人知道我哪里出错了，问题的解决方法是什么？

谢谢

Answer 1

好吧，让我们从头开始吧。 1）在您的JS上，在以下情况之后发出警报：

var company = $('#client :selected').val();
    var dateFrom = $('#dateFrom').val();
    var dateTo = $('#dateTo').val();
ALERT(company, dateFrom, dateTo );

查看变量是否有数据。如果是，请继续。 2）检查网址。将您的网址粘贴到浏览器上，看看控制器是否实际被调用。如果不是，请修复该网址。

3）将您的ajax调用更改为jquery，更简单。还要在成功代码中添加警报。

var url = "http://...";
var dataToSend= {company: company, dateFrom: dateFrom.....};
    $.post(url, dataToSend, function(data) {

       ALERT(data);

    });

4）在PHP控制器上，测试是否正在接收数据：

function get_invoices() {
  $company = $this->input->post('company');
  $dateFrom= $this->input->post('dateFrom');
  $dateTo= $this->input->post('dateTo');

  echo $company; 
  echo $dateFrom; 
  echo $dateTo;

}

5）你得到了什么？

Answer 2

您应该在error来电中定义$.ajax功能。因此，您将看到是否出现内部服务器错误，这也是可能的。

此外，您可能在CodeIgniter中启用了CSRF保护，因此您还必须将CSRF哈希传递到服务器。

Answer 3

我怀疑是......控制器功能的设置路径不正确

您发布数据的网址是

var post_url = "http://localhost/ProjectSage/index.php/site/members_area";

你的控制器功能在哪里

function get_invoices() {
 ....

ajax url选项，path应指向你的contoroller函数，我怀疑它是指向的，这里是你的代码。

不确定，但我认为应该是

var post_url = "http://localhost/ProjectSage/index.php/site/members_area/get_invoices";

如果members_area是你的控制者。

最好将数据作为对象发送。

 data: {"company":company,"dateFrom":dateFrom,"dateTo":dateTo},

使用echo json_encode时，您不需要使用内容类型。

$this->load->model('invoice_model');
echo json_encode($this->invoice_model->get_invoices($company, $dateFrom, $dateTo));

Answer 4

我认为问题是你如何将数据发送到控制器。在您的AJAX通话中，您有以下内容：

$.ajax({
   type: "POST",
   url: post_url,
   cache: false,
   data: "company=" + company + "&dateFrom=" + dateFrom + "&dateTo=" + dateTo,
 });

您正在以GET格式发送数据..为了让PHP收到您应该执行以下操作的帖子：

$.ajax({
   type: "POST",
   url: post_url,
   cache: false,
   data: {company: company, dateFrom:dateFrom , dateTo:dateTo}
 });

另外，在您的控制器中，尝试使用Codeigniter的助手：

$company = $this->input->post('company');
$dateFrom= $this->input->post('dateFrom');
$dateTo= $this->input->post('dateTo');

Answer 5

嗯...尝试将你的ajax调用更改为：

var url = "http://...";
var dataToSend= {company: company, dateFrom: dateFrom.....};
    $.post(url, dataToSend, function(data) {

       ...sucess code

    });

使用AJAX从codeigniter中的数据库中检索数据

5 个答案: