javascript - Codeigniter、jQuery 和 Ajax - 动态显示新数据库内容时防止页面刷新

Question

我试图实现一些相对简单的事情 - 允许用户在 View 页面上发表评论，更新数据库并在页面上动态显示新内容，而无需刷新整个页面。

到目前为止，我的努力并不成功 - 我正在做的事情可能存在几个问题!

在 View 页面上我尝试过这个(将 2 个变量发送到 CI Controller 函数):

<script type="text/javascript">
function ajax(id, user_id) {
jQuery('#dynamicdiv').load('/controller/function/' + id + '/' + user_id);
}
</script>

<div id='dynamicdiv'>
</div>

我有一个文本区域来收集用户评论，在 Controller 函数中我应该能够将其调用为发布数据以便将其写入数据库吗？如果是这样，我仍然需要将另外两个变量($id 和 $user_id)发送到 ajax 函数。

<?php $atts = array (
  'class' => "alignright button",
  'onClick' => "ajax('$id,$user_id')",
  ); ?>
<?php echo anchor(current_url(), 'Post my Comment', $atts); ?>

在 Controller 中，它涉及与我希望用户停留的页面不同的功能( View ):

$data = $this->model->database_query($id, $user_id);

echo $data; // from reading other posts it seems I would process the data within this function, to have it displayed on the page the user is viewing?

感谢任何帮助!

Answer 1

不要忘记阻止默认 anchor 行为(例如，将 return false; 添加到 onclick 参数中)。

<?php $atts = array (
'class' => "alignright button",
'onClick' => "ajax('$id,$user_id'); return false;",
); ?>