首页 > Web开发 > 详细

ajax接口和后台交互

时间:2017-10-13 09:22:13      阅读:260      评论:0      收藏:0      [点我收藏+]
技术分享
//定义一个公众处理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接口和后台交互

原文:http://www.cnblogs.com/wangwenhui/p/7659012.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!