Question

我弄清楚我的ajax功能有什么问题。我之前已经创建了这样的东西，但现在它还没有工作。

insert_data功能正在运行，我尝试提醒username和password并且它正在工作，但在我的ajax功能中，它是返回alert('error')

<script type="text/javascript">
$(document).ready(function(){

        $("#send").click(function(){

            username= $('#username').val();
            password =  $('#password').val();

                insert_data(username,password);
             });

            function insert_data(username,password){
                    $.ajax({
                        url: "my_controller/insert_data",
                        method: 'POST'
,                        data:
                        {
                            username: username,
                            password: password

                        },
                        success:function(data)
                        { 
                            alert('success');
                            //toastr.success('Data Successfully inserted!');
                           // clearAllmale();
                        },
                        error:function(){
                            alert('error');
                        }
                    });
            }

});

</script>

Answer 1

您应该在网址中使用base_url()通过ajax请求并加载url帮助。

<script type="text/javascript">
    $(document).ready(function(){

        $("#send").click(function(){

            username= $('#username').val();
            password =  $('#password').val();

                insert_data(username,password);
             });
     });
         function insert_data(username,password){
                        $.ajax({
                            url: "<?php echo base_url('my_controller/insert_data'); ?>", // complete url from siteurl/constroller/function
                            method: 'POST'
    ,                        data:
                            {
                                username: username,
                                password: password

                            },
                            success:function(data)
                            { 
                                alert('success');
                                //toastr.success('Data Successfully inserted!');
                               // clearAllmale();
                            },
                            error:function(){
                                alert('error');
                            }
                        });
                }


    </script>

Answer 2

将功能放在onclick之外，也要仔细检查URL

$(document).ready(function(){

    $("#send").click(function(){

        username= $('#username').val();
        password =  $('#password').val();

            insert_data(username,password);
         });



});

function insert_data(username,password){
                $.ajax({
                    url: "my_controller/insert_data",
                    method: 'POST',
                    data:
                    {
                        username: username,
                        password: password

                    },
                    success:function(data)
                    { 
                        alert('success');
                        //toastr.success('Data Successfully inserted!');
                       // clearAllmale();
                    },
                    error:function(){
                        alert('error');
                    }
                });
        }

Codeigniter - Ajax Post无法正常工作

2 个答案: