在带有表单提交的codeigniter中使用JSON


Usng JSON in codeigniter with form submit

我正在尝试从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我正在尝试一个非常简单的例子。我想将上面(1-6)的OPTION的值发布到模型函数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的基本原理。

感谢

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

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

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

也许可以更改这个:

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