如何使用ajax使用jquery提交发布数据？ [英] How do I use ajax to submit post data using jquery?

问题描述

我无法让ajax使用jquery和codeigniter。我遵循了多个教程，但似乎没有什么工作。我试图实现一个upvote按钮，发送post数据使用ajax插入到db。非常感谢任何帮助。

I'm having trouble getting ajax to work with jquery and codeigniter. I've followed multiple tutorials but nothing seems to work. I'm trying to implement an upvote button that sends post data using ajax to be inserted into a db. Any help is much appreciated.

我的视图中的代码：

<pre>
<?php foreach($query->result() as $row): ?>
<div>
<form action="" method="post">
<input type="hidden" name="story_id" value=<?php echo $row->id; ?>>
<input type="submit" name="story_id" class="button" id="submit_btn" value=<?php echo      $row->id;?>>
</form>
</div>
<?php endforeach; ?>
</pre>

我使用的jquery脚本：

The jquery script I'm using:

<pre>
<script type="text/javascript">
$(document).ready(function(){
$(".button").click(function(){
    var form_data = {
        story_id: $(this).val()
    };
    $.ajax({
        url: "<?php echo base_url('cyoa/upvote'); ?>",
        type: 'POST',
        data: form_data,
        success: function() 
            {
            $("#upvote").hide();
            }
    });
    return false;
});
});

</script>
</pre>

推荐答案

最好的方法是序列化您的表单数据，到服务器：

Best way is to serialize your form data and send that to the server:

<script type="text/javascript">
$(document).ready(function(){
  $(".button").click(function(){
    var form_data = $("#myform").serialize();
    $.ajax({
        url: "<?php echo base_url('cyoa/upvote'); ?>",
        type: 'POST',
        data: form_data,
        success: function() 
            {
            $("#upvote").hide();
            }
    });
    return false;
  });
});

</script>

要访问表单，请输入ID：

To access the form, give it a id:

<form id="myform" action="" method="post">

这篇关于如何使用ajax使用jquery提交发布数据？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！