在codeigniter中使用JSON并使用表单提交

时间:2012-03-06 18:59:53

标签: php ajax json codeigniter

我试图学习如何在codeigniter中使用JSON。我正在尝试使用模型来运行ajax代码,但它不起作用。

我需要学习如何将变量传递给模型,然后退出;或者,如果那不正确,我需要学习正确的过程。以下是我的代码。

HTML

<div id="structures">
    <h1>Build</h1>
    <form name="buildForm" id="buildForm" method="POST">
        <select name="buildID" class="buildClass">
        <option value="0" selected="selected" data-skip="1">Build a Structure</option>
    <option name='Town Center' value='1' data-icon='../img/structures/tc.png' data-html-text='Town Center<i>
        500 minutes<br>50000 gold</i>'>Town Center</option>
    <option name='Barracks' value='2' data-icon='../img/structures/barracks.png' data-html-text='Barracks<i>
        25 minutes<br>1500 gold</i>'>Barracks</option>
    <option name='Dragon Roost' value='3' data-icon='../img/structures/droost.png' data-html-text='Dragon Roost<i>
        200 minutes<br>5000 gold</i>'>Dragon Roost</option>
    <option name='Mage Hall' value='4' data-icon='../img/structures/mage.png' data-html-text='Mage Hall<i>
        40 minutes<br>300 gold</i>'>Mage Hall</option>
    <option name='Test Lab' value='6' data-icon='../img/structures/testlab.png' data-html-text='Test Lab<i>
        1 minutes<br>10 gold</i>'>Test Lab</option>
        </select>
        <div id="buildSubmit">
            <input id ="btnSubmit" class="button" type="submit" value="Submit"/>
        </div>
    </form>
</div>

这是我的ajax / js / json 我正在尝试一个非常简单的例子。我想将上面的OPTION(1-6)的值发布到模型函数insert_build。我不知道它是否正在这样做,因为我无法想到一个好的方法来测试它。但是,我会假设如果它返回任何东西,我会被警告。我不是。

$(function(){
    $(".button").click(function(e, value){
        e.preventDefault();

        $.ajax({
        type: "POST",
        url: "<?php $this->structure_model->insert_build() ?>",         //the script to call to get data          
        str_id: value,
        dataType: 'json',                //data format      
        success: function(data)          //on receive of reply
            {
                alert("success!");
            } 
        });
 });
});

型号代码

 public function insert_build()
        {
            $str_id = $this->input->post('str_id');
            echo " TESTING $str_id";
        }

非常感谢任何帮助。为什么这不起作用?我仍在尝试理解Codeigniter和JSON / JS的基础知识。

由于

2 个答案:

答案 0 :(得分:2)

您在javascript中设置的url:是您在提交ajax时要调用的实际功能。您需要有一个实际调用该功能的控制器,例如。

url: "<?php echo base_url(); ?>/structure/insert/?str_id=" + $('#buildID').val(),

此外,将dataType:设置为json意味着您希望将函数返回的内容编码为json。

答案 1 :(得分:0)

也许改变一下:

 url: "<?php echo $this->structure_model->insert_build() ?>"