码迷,mamicode.com
首页 > Web开发 > 详细

ajax接口和后台交互

时间:2017-10-13 10:09:53      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:opened   view   pos   需要   参数   ram   closed   网上   成功   

技术分享
//定义一个公众处理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接口和后台交互

标签:opened   view   pos   需要   参数   ram   closed   网上   成功   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!