Jquery 中的$.ajax方法到底该怎么用？

Question

求大神教下，自己看手册两天了，就是不会用ajax，照着教学视频写，是成功了，可是自己写到项目上就一直错误，希望能够详细的讲解下，特别是success和error的function()里面的参数用法。

$(function(){
    $('#submit').click(function() {
        $.ajax({
            url: 'ajax.php',
            type: 'POST',
            cache: false,
            dataType: 'json',
            data:$('form').serialize(),
            success:function(data,textStatus){
                alert(textStatus);
            },
            error:function(msg){
                alert(msg);
            },
            beforeSend:function(){
                alert('before ajax');
            },
            complete:function(){
                alert('complete ajax');
            }
        });
    });
});

在CI中，url该怎么写，site_url('home/index');貌似不行

<?php
if ($_POST['username'] == 'admin') {
    echo 'admin';
}else{
    echo 'no';
}

然后就是，控制器穿过来的数据是不是也要设置成json格式的数据在返回

Answer 1

如你所说，你服务端应该返回json格式的数据。

Answer 2

既然是form你写的是submit按钮的click事件就不对…应该监听表单的submit事件…

Answer 3

#submit是表单提交的按钮吗？像你的代码里那样绑定事件，点击时页面还是会刷新的，页面刷新的时候你的 Ajax 请求还没完成，所以你拿不到想要的数据。

javascript$('#submit').click(function(e){
    e.preventDefault();
    $.ajax({
        /* ... */
    });
});

看手册是好习惯，别气馁 :)