使用AJAX和CodIgniter发送信息

Question

大家好，我正在构建一个应用程序，在该应用程序中，我通过AJAX将来自文本框的输入值发送到控制器功能，然后将发送回的值返回给用户（我正在开发即时搜索，这是第一步）。

AJAX链接到方法很好，但是我在返回信息时遇到问题。 我没有收到任何错误消息，问题是返回字符串为BLANK。 我收到的是[您写的]，而不是[您写的是我写的内容]

任何帮助，不胜感激。

view_index.php

function search(){

var term = document.getElementById("mainsearch").value;

$.ajax({
        type: "POST",
        url: "<?php echo base_url('index.php/site/search/')?>",
        data: term,
        cache: false,
        success: function(html){
            alert("you wrote " + html);
        }
    });

controller_site.php

function search(){
    $gotcha = $this->input->post('term');
    return $gotcha;
}

Answer 1

data:参数接受一个key : value json传递给POST，因为json数组密钥将是您的$_POST密钥

试试这个：

$.ajax({
    type: "POST",
    url: "<?php echo base_url('index.php/site/search/')?>",
    data: {'term': term }
    cache: false,
    success: function(html){
        alert("you wrote " + html);
    }
});

Answer 2

您没有正确发送数据，因此PHP无需处理，最终没有返回任何内容：

    data: term,

POST / GET请求必须采用key=value格式，并且您只发送value部分。 尝试

 data: {foo: term},

接着

 $gotcha = $this->input->post('foo');

Answer 3

您需要更改echo return ，因为AJAX响应可处理来自调用函数的任何echo 。

因此，您可以像这样进行编码：

function search(){ $gotcha = $this->input->post('term'); echo $gotcha; }

要么

function search(){ echo = $this->input->post('term'); }

responseText属性以字符串形式返回响应，您可以相应地使用它

Answer 4

从控制器返回HTML通常是一个坏主意。 相反，请尝试仅在服务器端明智地管理数据，并在客户端进行所有前端。

现在，对于错误：

1. 成功回调具有3个参数
2. 您需要在.ajax调用的data参数中传递键值对
3. 确保适当地处理控制器上的错误，因为如果出现问题，您会从CodeIgniter获得html文档作为响应，并且将花费大量时间调试javascript以发现错误实际上是服务器端的

1.回调：

您的成功回调函数应如下所示：

function (data, status, response) {

}

哪里：

• 数据就是您要从控制器方法中回显的一切。 您可能需要JSON。
• status会告诉您HTTP响应消息（例如，“ Not Found”是404代码的状态，“ success”是200代码的状态）
• response是用jquery包装的XmlHttpRequest对象，它为您提供了一些事务信息，例如response.responseText将为您提供从PHP输出的任何内容，如果您回显json编码的对象，则response.responseJSON将为您提供JSON对象等

你为什么要在乎呢？ 因为这些额外的参数可以让您确定后端是否出了问题，所以您可以处理客户端的情况，而不会让用户怀疑您的应用程序是否不起作用。 更糟糕的是，在浏览器的状态栏上出现了臭名昭著的红叉。

如果您设置dataType的参数jQuery.ajax功能，那么你可以明确地告诉jQuery的什么样的数据，你期望从服务器上获取data从您的回调参数。

2发送的数据

如前所述，您需要传递值对或URL编码的字符串。 如果打算使用GET，则可以传递URL编码的字符串，但这意味着您必须在CI函数上具有如下参数：

function search($term)

然后，CI自动路由传入的参数。 但是，由于您要执行POST，因此您将需要使用$this->input->post("name")有效地获取值

如果您在表单或需要发送的多个字段中输入内容，则只需序列化表单即可：

$.ajax("url", {
    type : 'POST',
    data : $('#form').serialize(),
    dataType : 'json',
    success : function(data, status, response) {}   error : function(response, status error) {}});

3处理错误

如果您依赖AJAX，请确保您返回某种错误或警告，以便可以在客户端捕获它：

function search() {
    $term = $this->input->post("term")
    if($term == FALSE) {
        //return a 404 so that you can catch .error on jquery 
    } else  {
        echo $term;
    }
}

对RESTFul应用进行研究。 它会帮助您很多理解。 这是一个很好的起点 ，尽管您的问题并不完全与此相关，但是将应用程序放在不同的层上是一个好的习惯，这样您就可以从后端使用数据，处理情况，然后在前端做出相应的反应，也就是说，您只需要使用JavaScript即可发送，接收和列出数据。 如果您正在使用CI或任何其他MVC框架，那么您实际上不应该在控制器上生成HTML，这就是视图的作用。