zoukankan      html  css  js  c++  java
  • 封装通用的 ajax, 基于 jQuery。

    在前端异步获取数据时候每次都是使用 ajax;为了通用性更好,然而封装通用的 ajax 是一个一劳永逸的办法。
    本次基于 jQuery 封装实现;
    第一步: 引入 jQuery:

    <script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script>

    第二步:实现代码:

    // 该封装基于 jQuery
    
    var sendAjax = function(method, url, data, successfn, errorfn) {
      $.ajax({
                type: method,
                url: url,
                data: data,
                success: function(d){
                    successfn(d);
                },
                error: function(e){
                    errorfn(e);
                }
            });
    }
    
    // 注意:
    // 1.1 data 数据格式根据需求处理
    // 1.2 successfn 和 errorfn 根据需要自行定义
    
    // 例如:
    
    var __main = function() {
      // 请求方法
      var method = 'GET'
    
      // 请求地址
      var url = 'main/test'
    
      // 数据格式处理
      var datas = {name: 'zhangsan', age: '25'}
      var data = JSON.stringify(datas)
    
      // 成功调用函数
      var demoSuccessfn = function(testSuccess) {
        if(testSuccess === 'success') {
          console.log('success')
        } else {
          console.log('reponse have some question.')
        }
      }
    
      // 失败调用函数
      var demoErrorfn = function(testError) {
        if(testError === 'error') {
          console.log('error')
        } else {
          console.log('have error information.')
        }
      }
    
      // 实现调用
    
      sendAjax(method, url, data, successfn, errorfn)
    }
    
  • 相关阅读:
    基于jQuery的上下无缝滚动应用(单行或多行)
    表单验证
    中国剩余定理 ( 的学习 )
    扩展欧几里德算法--学习笔记
    Vijos P1794 文化之旅
    1336 : Matrix Sum (hihocoder)
    nyoj 1030 hihocoder 1338
    多重邻接表
    图的存储 ( 十字链表 )
    01背包的变形
  • 原文地址:https://www.cnblogs.com/zhourongcode/p/8727592.html
Copyright © 2011-2022 走看看