[英]Codeigniter Ajax - Help Needed with Error
嘿,我是CI的新手,已經在互聯網上搜尋了一個可以正常使用的教程,但由於某種原因它無法正常工作。 有人可以幫助我提供代碼嗎:
在不重新加載頁面的情況下,對代碼進行正確的編輯以通過ajax將條目提交到數據庫的正確選擇是什么?
控制器:
public function index(){
$this->load->helper('url');
$this->load->view('template');
}
function create()
{
$this->load->library('form_validation');
$this->load->helper('form');
$this->load->model('dbmodel');
$response = array();
$this->load->model('dbmodel');
$result = $this->dbmodel->addnew_row();
}
模型:
public function addnew_row() {
$data = array(
'title' => $this->input->post('title'),
'description' => $this->input->post('description'),
);
$result = $this->db->insert('books', $data);
return $result;
}
查看表格:
<h2>Create</h2>
<?php echo form_open('welcome/create', array('id'=>'form'));?>
<p>Title: <?php echo form_input('title') ?></p>
<p>Description: <?php echo form_input('description') ?></p>
<?php echo form_submit('btn_submit','Save'); ?>
<?php echo form_close();?>
查看AJAX:
// $.POST Example Request
$('#form').submit(function(eve){
eve.preventDefault();
var title = $('#title').val();
var description = $('#description').val();
url = '<?php echo site_url('welcome/create');?>'
$.ajax({
url: url,
type: 'POST',
data:{title:title, description:description
}
$(#dynamic_container).html(response.output);
});
});
好的,首先,您需要在使用它之前簡要介紹一下jQuery.ajax()
的語法。
現在,通過您在問題中提到的AJAX代碼,該代碼塊不應該存在
$(#dynamic_container).html(response.output);
在成功完成AJAX調用之前/之后,AJAX提供了Callback Function Queues
來操縱響應,對於您而言,使用success
將解決此問題:
$.ajax({
url: url,
type: 'POST',
data:{title:title, description:description
},
success : function(response){
$(#dynamic_container).html(response.output);
}
});
您可能對使用jQuery.post()感興趣。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.