php – CodeIgniter和AJAX表单提交

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – CodeIgniter和AJAX表单提交脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将从表单提交的数据保存到我的 mysql数据库中,然后更新div元素,其中最后一个已发布的项目前置于div中的列表.

现在我只想回复一个回复,我并不担心此刻格式正确.

我的问题是表单不会用e.preventDefault()提交;到位,但没有它,表单执行发布到数据库然后刷新页面的常规方法.

这是我的AJAX调用

$(document).ready(function() {

    $('form#FeedInput').submIT(function(e) {

        e.PReventDefault();

        $.ajax({
            tyPE: "POST",url: "<?PHP echo site_url('dashboard/post_Feed_item'); ?>",data: $('.Feed-input').val(),dataType: "htML",success: function(data){
                debugger;
                $('#Feed-container').prepend(data);
            },error: function() { alert("Error posting Feed."); }
       });

    });
});

我不认为我发布我的控制器代码是不必要的,看看我的问题是表格如何不会超过e.preventDefault();功能.

如果e.preventDefault()函数在它到达$.ajax()函数之前停止它,我如何通过AJAX提交此表单?

解决方法

ajax调用的data属性无效.它应该是JSON格式{key:$(‘.Feed-input’).val()}或查询格式’key =’$(‘.Feed-input’).val().
在success方法中还有一个不必要的调试器变量.

工作代码可以是:

$('form#FeedInput').submit(function(e) {

    VAR form = $(this);

    e.preventDefault();

    $.ajax({
        type: "POST",data: form.serialize(),// <--- THIS IS THE CHANGE
        dataType: "html",success: function(data){
            $('#Feed-container').prepend(data);
        },error: function() { alert("Error posting Feed."); }
   });

});

脚本宝典总结

以上是脚本宝典为你收集整理的php – CodeIgniter和AJAX表单提交全部内容,希望文章能够帮你解决php – CodeIgniter和AJAX表单提交所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。