ajax封装调用

封装的ajax:

    function ajaxJson(url,data,callfun)
    {
        $.ajax({
            type:"POST",
            url:url,
            data:data,
            dataType:‘json‘,
            success:callfun,
            error:function(){
                $(‘.modal-body‘).html(‘参数丢失,请重新操作一次‘);
                $(‘#myModal‘).modal(‘show‘);
            },
        });
    }
    

使用实例:

    $(‘.button_del‘).click(function(){
        var book_id = $(this).attr(‘book_id‘);
        var own_id = $(this).attr(‘own_id‘);
        var type = 2; //删除

        if(!book_id || !own_id){
            $(‘.modal-body‘).html(‘部分参数丢失‘);
            $(‘#myModal‘).modal(‘show‘);
            return false;
        }

        $(this).attr(‘disabled‘,"true"); //添加disabled属性 

        var url = "<?php echo $this->url->get(‘index/dealmyrequest‘);?>";
        var data = "book_id="+book_id+"&own_id="+own_id+"&type="+type;
        ajaxJson(url,data,function(res){
            $(‘.modal-body‘).html(res.msg);
            $(‘#myModal‘).modal(‘show‘);
            $(‘#myModal‘).on(‘shown.bs.modal‘,function(e){
                $(‘.button_del‘).removeAttr("disabled"); //移除disabled属性
            });
            if(res.flag==1){
                $(‘#modal_confirm‘).click(function(){
                    window.location.reload();
                });
//                //模态框show 完后的回调函数
//                $(‘#myModal‘).on(‘shown.bs.modal‘,function(e){
//                    window.location.reload();
//                });
            }
        });
        return false;
    }); 
时间: 2024-10-24 15:26:09

ajax封装调用的相关文章

jquery Ajax 全局调用封装

有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端极客,是不能允许的! [嘿嘿!虽说我现在基本不用jquery了 ,不过异步概念 是永远要用的,就帮助下新人] jQuery Ajax通用js封装 第一步:引入jQuery库 <script type="text/javascript" src="/js/jquery.mi

原生AJAX封装

回归下原生js,网上看到的AJAX封装,遂拿来改改,不知还有何弊端,望指出! 1 var ajaxHelper = { 2 /*1.0 浏览器兼容的方式创建异步对象*/ 3 makeXHR: function () { 4 //声明异步对象变量 5 var xmlHttp = false; 6 //声明 扩展 名 7 var xmlHttpObj = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.

妹味6:ajax与ajax封装

(功能)ajax能且仅能 从服务器读取文件 (环境)需要服务器环境才能测试,可以用工具建立本地服务器环境 (缓存)解决缓存问题:url加时间戳让每次请求地址唯一,如 url='abc.txt?t='+new Date().getTime(); (编码)请求的文件必须与网页的编码一致,否则乱码 (处理)eval()处理请求结果很方便,自动分割.但据说eval有很多问题,除了ajax中,其它地方暂时不要乱用. (实例)请求数据并在同一个块内显示.json数据处理.分页数据请求 ajax函数四步: 1

Ajax封装及简单应用

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容. 可将AJAX封装成库,方便调用,大致分四步: 创建Ajax对象 连接服务器 发送请求 接受返回值 具体代码如下: function ajax(url,fnSucc,fnFaild){ // 创建Ajax对象 if(wind

简单的基于promise的ajax封装

基于promise的ajax封装 1 //调用方式: 2 /* 3 ajaxPrmomise({ 4 url:, 5 method:, 6 headers:{} 7 }).then(res=>{}) 8 */ 9 10 ;(function(window){ 11 //设置默认的参数配置项 12 let _default = { 13 url:'', 14 baseURL:'', 15 method:'GET', 16 params:null, //get请求基于问号传参方式传递给服务器的内容

jQuery Ajax封装通用类 (linjq)

jQuery Ajax封装通用类 (linjq) $(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1} * async 默认值: true.默认设置下,所有请求均为异步请求.如果需要发送同步请求,请将此选项设置为 false. * 注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行. * t

ajax如何调用后台定义的方法

ajax如何调用后台定义的方法:由于ajax的独特优势,使得它在当前大量网站得到了广泛的应用,下面就介绍一下ajax如何调用后台定义的函数,虽然比较简单,不过希望能够给初学者带来一定的帮助,代码如下:1.首先我们先创建一个antzone.aspx页面.2.在它的cs文件中创建如下函数: public static string mytest(string first, string second) { return return first+second; } 2.html代码如下: <form

LigerUi-js中ajax前台调用后台Json格式转换!(已解决)

LigerUi-js中ajax前台调用后台Json格式转换!(已解决) success: function (data, status) { var aaa = JSON2.stringify(data); alert(aaa ); } LigerUi-js中ajax前台调用后台Json格式转换!(已解决),布布扣,bubuko.com

HTML5+Ajax+Jquery调用Google搜索API实现搜索引擎,支持web,image,news,vedio4种模式!

原文:HTML5+Ajax+Jquery调用Google搜索API实现搜索引擎,支持web,image,news,vedio4种模式! 源代码下载地址:http://www.zuidaima.com/share/1550463589878784.htm web,image,news,vedio4种模式! 已经拿javaniu作出测试,下载即可查看