Codeigniter + Angular Js：如何接收 JSON 数据

JS

在使用Codeigniter和Angular JS构建Web应用程序时，接收JSON数据是一个常见的需求。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，可以在前端和后端之间进行数据传输。本文将介绍如何在Codeigniter和Angular JS中接收JSON数据，并提供案例代码。

首先，我们需要在Codeigniter中设置一个控制器来接收JSON数据。在控制器中，我们可以使用Codeigniter的内置功能来处理JSON数据。以下是一个示例控制器代码：

php
<?php</p>defined('BASEPATH') OR exit('No direct script access allowed');
class JSonController extends CI_Controller {
    public function receiveJSon() {
        $JSon = file_get_contents('php://input');
        $data = JSon_decode($JSon, true);
        // 在这里处理接收到的JSON数据
        // ...
        // 返回JSON响应
        $response = array('status' => 'success', 'message' => 'JSON数据已成功接收');
        echo JSon_encode($response);
    }
}

在上面的代码中，我们首先使用file_get_contents('php://input')函数获取通过POST请求发送的JSON数据。然后，我们使用JSon_decode()函数将JSON数据解码为关联数组。在这里，您可以根据自己的需求对数据进行处理，例如插入到数据库中或进行其他操作。最后，我们使用JSon_encode()函数将响应数据编码为JSON格式，并通过echo语句将其发送回前端。

接下来，让我们看看如何在Angular JS中发送JSON数据并接收响应。首先，您需要在前端创建一个HTTP请求，将JSON数据作为请求体发送给Codeigniter控制器。以下是一个示例Angular JS代码：

Javascript
$http({
    method: 'POST',
    url: 'http://example.com/JSoncontroller/receiveJSon',
    data: {name: 'John', age: 25},
    headers: {'Content-Type': 'application/JSon'}
}).then(function(response) {
    // 在这里处理接收到的响应数据
    // ...
    console.log(response.data);
}, function(error) {
    console.log(error);
});

在上面的代码中，我们使用Angular JS的$http服务来发送HTTP请求。我们将请求方法设置为POST，并指定要发送到的URL。然后，我们将要发送的JSON数据放在data属性中，并设置请求头的Content-Type为application/JSon。在成功接收到响应后，您可以根据需要对响应数据进行处理。

示例代码

上述示例代码演示了在Codeigniter和Angular JS中接收和发送JSON数据的基本过程。您可以根据自己的需求进行修改和扩展。

在Codeigniter控制器中，您可以使用不同的方法来处理接收到的JSON数据，例如将其存储到数据库中或进行其他操作。

在Angular JS中，您可以使用不同的HTTP方法（如GET、PUT、DELETE等）来发送不同类型的请求，并根据需要处理响应数据。

：

在本文中，我们讨论了如何在Codeigniter和Angular JS中接收JSON数据。我们首先在Codeigniter控制器中设置了一个方法来接收JSON数据，并使用内置函数对其进行处理。然后，我们在Angular JS中创建了一个HTTP请求，将JSON数据发送到Codeigniter控制器，并处理接收到的响应数据。

通过这些方法，您可以轻松地在Codeigniter和Angular JS应用程序之间进行JSON数据的传输和交互。这种方式非常灵活和高效，并且可以满足各种数据传输和处理的需求。

注意：以上代码仅为示例，请根据自己的需求进行修改和扩展。