【问题标题】:send form data using jQuery使用 jQuery 发送表单数据
【发布时间】:2011-10-10 13:53:16
【问题描述】:

如何在不使用按钮:提交(使用标签<a href=""></a>)的情况下向php代码发送数据,因为它转到href并将$query行放入html代码中进行更新?

(我的意思是,在选中复选框并单击标签中的链接后,将带有 jquery 代码的值发送到 php 代码并转到链接标签 a 进行更新)(我不想在标签形式中使用 action,因为我使用了几个url for action) 如何解决?

HTML:

<a href="<?= base_url()?>submits/guide_update" class="guide_update" id="edit_icon"></a>
<form class="ser_form" method="post">
    <input type="checkbox" name="checked[]" value="2">
</form>

PHP:

function guide_update(){
$update = $this -> input -> post('checked');
var_dump($update);
if (is_array($update) && count($update) > 0) {
    foreach($update as $val){
        $data['query'] = $this->db->get_where('guide', array('id' => $val))->row();
    }
    $this -> load -> view('admin/submits/guide_update', $data);
}
}

jQuery:

$('#edit_icon').click(function(){
    var result = true;
        var size_check = $(':checkbox:checked').size();
        //alert(size_check);
        if(size_check > 1){
            $('#message').hide().fadeIn('slow').html('<div id="error_text" style="background-color: #ffffd9; border: 1px solid #d2d200;">You're allowed to edit a row.<div>');
            $('#error_text').delay(7000).fadeOut('slow');
            result = false;
        }if(size_check == 0){
            //alert('no')
            $('#message').hide().fadeIn('slow').html('<div id="error_text" style="background-color: #ffffd9; border: 1px solid #d2d200;">You did not select any row for editing.<div>');
            $('#error_text').delay(7000).fadeOut('slow');
            result = false;
        }
    return result 
})

【问题讨论】:

    标签: php javascript jquery codeigniter


    【解决方案1】:

    使用 JQuery.serialize 函数序列化表单数据,然后您可以使用 AJAX 将其发送到服务器。

    【讨论】:

    • 在点击函数的代码中写入 var form_params = $(".ser_form").serialize() 然后在 ajax 调用中发送这个 form_params。
    • 我在 var_dump:bool(false) 中有这个输出,我输入为:$('#edit_icon').click(function(){$(".ser_form").serialize()...
    猜你喜欢
    • 2015-08-21
    • 1970-01-01
    • 1970-01-01
    • 2014-06-07
    • 2010-09-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-24
    相关资源
    最近更新 更多