ajax接口和后台交互

Posted 2020-10-10 sandy.simple

//定义一个公众处理ajax的方法
    function handelAjax(url,method,parm,callback) {
        $.ajax({
            url:url,
            type:method,
            dataType:‘json‘,
            data:pram,
            success:function(data) {
                callback(data);
            },
            error:function(err) {
                alert(err);
            }
        })
    }
//实现查询
    handelAjax(‘/user/search‘,‘post‘,{name:‘wes‘},function(data) {
    //成功后的操作
        console.log(‘data: ‘,data);
    });

View Code

其中ajax跳入error函数的原因：

出现任何错误都会跳到error函数里去；

举例说明错误的原因：

1.URL路径有问题

　　路径里面不能有中文

2.传递的参数有问题

　　参数必须是ajax支持的编码格式，如:用JSON.parm(),JSON.stringify()等

3.data不能为空

　　即使不传值也要传一个"{}"

4.dataType

　　后台传入的dataType和前台写的不一致

5.async请求同步异步的问题

　　async默认请求方式是true（异步请求），如果想一个ajax请求完成之后再去请求另一个ajax，需要将async设置为false；

　　例如，你用post请求传值到另一个页面后台，但是页面一加载你的ajax就已经执行过了，传值接收是在后台才完成的，这时候就请求不到数据，所以可以考虑把ajax请求改为同步试试。

关于其中ajax跳入error函数的原因参考了网上的一篇博客