ajax接口和后台交互

Posted sandy.simple

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax接口和后台交互相关的知识,希望对你有一定的参考价值。

技术分享
//定义一个公众处理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函数的原因参考了网上的一篇博客

 

以上是关于ajax接口和后台交互的主要内容,如果未能解决你的问题,请参考以下文章

thinkjs学习-this.assign传递数据和ajax调用后台接口

后端与前端交互Ajax接口

小程序ajax共公请求部分

SSM-网站后台管理系统制作---Ajax前后端交互

使用ajax()方法和后台交互

ajax 异步请求,json前台后台交互