使用jQuery发送表单数据

时间:2011-10-10 13:53:16

标签: php javascript jquery codeigniter

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

(我的意思是,选择复选框后点击标签发送值中的链接,jquery代码发送到PHP代码并转到链接标签a进行更新)(我不想在标签表单中使用action,因为我使用来自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 
})

1 个答案:

答案 0 :(得分:2)

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