如何在CodeIgniter中使用jquery复制隐藏字段值并将其传递到另一个页面？

Question

我是CodeIgniter的新手，我希望使用jQuery在CodeIgniter中将隐藏的字段值传递给另一个页面。我可以用jQuery来做这个吗？

<input type="hidden" name="grdtot" class="grdtot" />

cart.php页面上的这个隐藏字段

  <label id="grdtot_c" name="grdtot_c" class="grdtot_c"></label>

我想在checkout.php页面上获取这个隐藏的字段值。我如何使用jQuery来完成这个任务呢？

Answer 1

您可以通过使用本地存储从另一个页面获取值的另一种方式进行此操作。

就像这样写在第一页。

localStorage.setItem('Gridtotal', $('.grdtot').val());

从另一页中得到价值。

var grdTotal= localStorage.getItem('Gridtotal');
$('#grdtot_c').val(grdTotal);

Answer 2

假设您有以下表单：

<body>
    <div>Upload data to the server without page Refresh</div>
    <input type="hidden" name="hidden_name" id="hidden_name">
    <input type="text" name="name" id="name">
    <input type="text" name="email" id="email">
    <input type="text" name="website" id="website">
    <input type="submit" name="submit" id="save" value="Submit">

    <div id="display"></div>
</body>

，现在是将数据发送给Controller的脚本。您必须使用ajax向CodeIgniter中的控制器发送数据，这将使您的工作更加轻松。

<script>
$(document).ready(function(){
    $('#save').click(function(){
        var hidden_name = $('#hidden_name').val();
        var name = $('#name').val();
        var email = $('#email').val();
        var website = $('#website').val();

        $.ajax({
            type:'POST',
            url:'<?php echo base_url();?>index.php/controller_name/function_name',
            async:false,
            data:{
                "done":1,
                "hidden_name":hidden_name,
                "name":name,
                "email":email,
                "website":website   
                },
            success:function(data){
                $('#display').html(data);
            }   
        });
    });
});
</script>