jquery ajaxの助けを借りてcodeigniterでフォームを作成しようとしていますが、それを機能させるのに問題があるようです
私がやろうとしているのは...
データベースにデータを挿入する前に、ユーザーが必要なすべてのフィールドに入力したかどうかを確認するフォームを作成します
回答が含まれていないフィールドがある場合、どのフィールドに回答する必要があるかを示すdivが表示されます
すべてのフィールドに入力すると、フォームが送信され、データベースが更新され、フォームが正常に送信されたことを示すdivが表示されます
これが私のコードです
コントローラ
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Site extends CI_controller {
public function __construct()
{
parent::__construct();
// Your own constructor code
$this->load->model("site_model");
//$cms_db = $this->load->database('cms', TRUE); /* database conection for write operation */
$site_db = $this->load->database('default', TRUE);
}
public function index()
{
//$this->load->helper('form');
$data = $this->_initialize_data();
$data['about'] = $this->site_model->get_about();
$this->load->vars($data);
$this->load->view('site/index');
}
public function learner()
{
$this->site_model->submit_learner();
redirect(base_url() . "site/index");
}
public function _initialize_data()
{
$data['cp'] = $this->site_model->get_cp();
$data['op'] = $this->site_model->get_op();
$data['learnedu'] = $this->site_model->get_learnedu();
$data['learnals'] = $this->site_model->get_learnals();
$data['learnbrgy'] = $this->site_model->get_learnbrgy();
$data['learnben'] = $this->site_model->get_learnben();
return $data;
}
}
モデル
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
// CI 2.0 Compatibility
if(!class_exists('CI_Model')) { class CI_Model extends Model {} }
class Site_model extends CI_Model
{
function submit_learner()
{
//$this->load->helper('date');
$cms_db = $this->load->database('cms', TRUE);
$fname = $this->input->post("fname");
$mname = $this->input->post("mname");
$lname = $this->input->post("lname");
$ename = $this->input->post("ename");
$bday = $this->input->post("bday");
$opt = $this->input->post("opt");
$educ = $this->input->post("educ");
$als = $this->input->post("als");
$brgy = $this->input->post("brgy");
$guardian = $this->input->post("guardian");
$relation = $this->input->post("relation");
$benefit = $this->input->post("benefit");
$newdata = array('first_name'=>$fname,
'middle_name'=>$mname,
'last_name'=>$lname,
'extension_name'=>$ename,
'bday'=>$bday,
'gender'=>$opt,
'education'=>$educ,
'als'=>$als,
'brgy'=>$brgy,
'guardian'=>$guardian,
'relationship'=>$relation,
'added_by'=>'OTH',
'added_id'=>''
);
$cms_db->insert('records', $newdata);
$id = $cms_db->insert_id();
foreach($benefit as $b)
{
$ben = array('record_id'=>$id,'beneficiary_id'=>$b);
$cms_db->insert('is_beneficiary', $ben);
}
$date = date('Y-m-d g:ia');
$date_logged = array('action'=>'Added','action_date'=>$date,'activity'=>$fname . " " . $mname . " " . $lname . ' was added through the Abot Alam Website');
$cms_db->insert('date_logged', $date_logged);
}
}
見る
<?php
$attributes = array('class' => 'form-vertical','id'=>'form_learner','name'=>'form_learner');
echo form_open(base_url() . 'site/learner', $attributes);
?>
<div class="control-group">
<label class="control-label" >First Name</label>
<div class="controls">
<input type="text" class="input input-xlarge" name="fname" id="fname" placeholder="">
</div>
</div>
/*-------- Theres a bunch of other fields here that asks things like last name, middle name but i decided to omit it to make the post shorter ----------------*/
<input type="submit" class="btn btn-primary" value="Save" placeholder="" name="submit_learner" id="submit_learner">
</form>
</div>
script.js
$("#submit_learner").click(function(e) {
e.preventDefault();
fname = $("#fname").val();
mname = $("#mname").val();
lname = $("#lname").val();
ename = $("#ename").val();
bday = $("#bday").val();
educ = $("#educ").val();
als = $("#als").val();
brgy = $("#brgy").val();
guardian = $("#guardian").val();
relation = $("#relation").val();
if(fname==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input First Name</h4>");
$("#fname").focus();
}
else if(mname==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input Middle Name</h4>");
$("#mname").focus();
}
else if(lname==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input Last Name</h4>");
$("#lname").focus();
}
else if(ename==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input Extention Name</h4>");
$("#ename").focus();
}
else if(bday==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input Birthdate</h4>");
$("#bday").focus();
}
else if(educ==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input Highest Formal Education</h4>");
$("#educ").focus();
}
else if(als==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input ALS Programs Involved</h4>");
$("#als").focus();
}
else if(brgy==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input Barangay</h4>");
$("#brgy").focus();
}
else if(guardian==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input Guradian</h4>");
$("#guradian").focus();
}
else if(relation==''){
$("#learner_status").show();
$("#learner_status").html("<h4>Input Relationship to Guardian</h4>");
$("#relation").focus();
}
else{
var datastr = 'fname='+fname + '&mname='+mname + '&lname='+lname + '&ename='+ename + '&bday='+bday + '&educ='+educ + '&als='+als + '&brgy='+brgy + '&guardian='+guardian + '&relation='+relation;
$.ajax({
url:"<?php echo base_url(); ?>site/learner",
type:'POST',
data:datastr,
dataType:"json",
success:function(result){
$("#learner_status").show();
$("#learner_status").attr('class', 'span 12 alert alert-success');
$("#learner_status").html("<h4>Form Successfully Submitted</h4>");
}
});
}
});
エラーがJavaScriptのどこかにあるように感じます
特にこの行
$.ajax({
url:"<?php echo base_url(); ?>site/learner",
私が間違っている場合は訂正してくださいが、私が知っていることから、スクリプトタグ内でphpタグを使用することはできません
しかし、それはインターネットで見られる他の例で人々がそれを行う方法です
私は何かが足りないのですか？
ありがとう
編集：ところで、私のコードの問題は、データベースに挿入されないことです。