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)
    }
    
  • 相关阅读:
    有点成熟的短句,最新个性签名
    ACM2039_三角形三边关系
    Android 绘制中国地图
    Opengl-法线贴图(用来细化表面的表现表现的凹凸)
    Go的sync
    Laravel Study(使用 Laravel )
    对于宅男来说,硬盘里的数据就是命
    设计模式之模板方法模式
    游戏掉落道具掉落
    NEWMING
  • 原文地址:https://www.cnblogs.com/zhourongcode/p/8727592.html
Copyright © 2011-2022 走看看