jquery中ajax封装原理/封装jquery的ajax工具函数

第一次写博客,如果有些的不对或者不正确的地方,还希望大神们能够批评指正,豌豆拜上!!

Hello,every body!!,豌豆横空出世,哈哈,纠结了很久的第一篇博客即将面世

    当当当.....出场自带bgm哟,话说写博客这个事,也不知道能写多久额,给自己一个鼓励的膜拜吧!!
    ok,果然刚开始不知道写点啥,尴尬...还是开始正题吧!!
    今天给大家分享一下jquery中$.ajax()方法封装的原理,平时数据交互中会经常用到ajax方法,还是很好用的,
    但是底层的封装原理如果了解的话,用起来会更得心应手些


    jquery中Ajax操作进行了封装,在jquery中$.ajax()方法属于最底层的方法,第二层是load()、$.get()和$.post()方法,
    第三层是$.getScript()和$.getJSON()方法。


    重点来啦,$.ajax()方法的结构为:$.ajax(options)
    该方法只有一个参数,但是在这个对象里包含了$.ajax()方法所需求的请求设置以及回调函数等信息,参数以key/value的形式存在,
    所有参数都是可以选的
    ajax参数可以有:
    1:请求方式:type(get/post)
    2:后台接口地址:url(可以从接口文档中查看)
    3:通过data把前端传输后台的必要信息传过去:data(如 name = 'wandou' & sex = 'girl')
    4:前后端交互的格式:dataType(xml,html,script,json现在最常用的格式之一,jsonp等)
    5:发送请求前所要执行的函数:beforeSend:function(){}
    6:请求完成后调用的回调函数(请求成功或者失败时均调用)complete:function(){}
    7:请求成功后调用的回调函数:success:function(){}
    8:请求失败时被调用的函数:error:function(){}
    ......
    还有好多其他的参数,最近常用到这些,就写这些吧,后面的有想要了解的可以在查阅一下其他的资料
    $.ajax({
        type:'',
        url:'',
        data:{},
        dataType:'',
        beforeSend:function(){


        },
        success:function(){


        },
        complete:function(){


       }
    })

   

你可能感兴趣的:(jquery)