如何从 <p> 标记中的数据库中获取值并将它们发布到具有相同 ID 的数据库中

Posted 2023-05-09

【中文标题】如何从 <p> 标记中的数据库中获取值并将它们发布到具有相同 ID 的数据库中

【英文标题】：How to fetch a value from a database in a <p> tag and to post them into database with the same id

【发布时间】：2018-03-11 08:56:54

【问题描述】：

我是 angularjs 的新手，我想做一个应用程序，就像谷歌记笔记一样。我成功地以列表格式获取<p> 标记内的数据。我的情况是每当我对<p> 标记进行任何更改时，它都在数据库中。我尝试使用 ngKeyup() 执行此操作，但没有成功，因此我删除了 ngKeyup()。如何使用 ajax jquery 或 javascript 做到这一点？

---查看---

<ul ng-repeat="n in notes">
    <li>
        <p class="note-preview" ng-model="note_content">n.note_content</p>
    </li>
</ul> 

---js---

angular.module('app')
    .controller('GlobalCtrl', ['$scope','$http', function($scope,$http) 

    $http.get("notes/get_notes").then(function(result) 
        $scope.notes = result.data;
        console.log($scope.notes);
    );

]);

---CI控制器---

public function get_notes() 
    $user_id = $_SESSION['user_id'];
    $userdata = $this->notes_model->get_user_note($user_id);
    echo json_encode($notedata);

---CI模型---

public function get_user_note($user_id) 
    $this->db->select('*');
    $query = $this->db->get_where('note', array('employee_id' => $user_id));
    return $query->result_array();

【问题讨论】：

你在哪里使用 ngKeyup()？

【参考方案1】：

在 keyUp 上执行此操作没有意义，除非您取消保存功能。想象一下，每次按下键盘都会调用后端，您很快就会用 ajax 请求淹没后端。

查看angular-debounce，然后您可以在 notes 数组上使用 $watch 来运行保存功能。