`

封装ajax访问通用模板

阅读更多

 

每次写ajax访问后台,都要写很长的ajax的内容,很多东西其实是公用的,所以想着封装一下ajax访问的通用模板,调用非常简单。封装的javascript如下,包括调用方法的示例

 

/**
 * ajax访问模板
 * 如果需要获取返回值,如果该值需作为下游流程判断重要依据,请将asyncParam设置为false 代表ajax是同步的,如果允许异步,则不需考虑
 * callBackFnParam是回调函数,暴露给用户,处理ajax返回后需要做的操作
 * 
 * 
 * 例子:  返回值
 *       var resultBean = itscPostAjax(formBean,'xxx.action',false);--异步
 *       var resultBean = itscPostAjax(formBean,'xxx.action');--同步
 *      
 *       回调函数
 *       itscPostAjax(formBean,'xxx.action',true,setGMData);
 *       
	     function setGMData(data)
	     {
	    	 if (data)
	    	 {
	        	 var gmVal = Number(data.GM).toFixed(2);
	        	 $("#budgetGM").html(gmVal+'%');
	        	 $("#currentGM").val(gmVal);    	 
	    	 }
	     }
 * author sj
 * @param formBean
 * @param urlParam
 * @param asyncParam
 * @param fnParam
 * @return
 */
function itscPostAjax(formBeanJson,urlParam,asyncParam,callBackFnParam)
 { 
        var tmpAsync = true;
        if (asyncParam===false)
        {
        	tmpAsync = false;
        }
        
        var resultBean = {};

        $.ajax({
            type: 'POST',
            url:   urlParam,
            data:  formBeanJson ,
            async: tmpAsync,  
            dataType: "json",
            success: function (data, textStatus){
                                 if (data.result=="success")
                                 {
                                	 resultBean=data;
                                	 if (callBackFnParam)
                                	 {
                                		 callBackFnParam(data);
                                	 }
                                 }
                                 else
                                 {
                                      alert(data.result);
                                      return null;
                                 }
                            },        
             error: function (jqXHR, textStatus, errorThrown) {
                       alert("系统内部错误!");
                       alert(jqXHR.responseText);
                   }
        });
           
        return resultBean;

    }

 

0
1
分享到:
评论

相关推荐

    js 手动封装的各种效果

    6. **Ajax请求**:封装一个Ajax请求函数,可以简化与服务器的交互。通过设置参数,可以轻松发起GET或POST请求,处理响应数据。 7. **DOM操作**:封装DOM操作,如添加、删除、查找、修改元素,可以避免重复的DOM操作...

    绿色清爽的HTML5通用后台管理系统模板

    6. **组件库**:模板可能包含一些预封装的UI组件,如按钮、导航条、下拉菜单、模态框等,这些组件遵循统一的设计风格,提高代码复用性和可维护性。 7. **图标集**:通常会使用矢量图图标,如Font Awesome或Material...

    ajax三层结构网上商城源码

    9. **DBUtility**:数据库工具类,封装了数据库连接、查询等通用操作。 此源码项目是学习和理解Ajax技术在大型Web应用中的应用,以及三层架构设计的绝佳实践案例。开发者可以通过研究源码,了解如何在实际项目中...

    接口与抽象Ajax项目模版(1.0)

    在Ajax项目中,抽象类可以用来封装通用的Ajax逻辑,比如创建XMLHttpRequest对象、设置HTTP头、处理异步回调等。一个典型的例子是`AbstractAjaxHandler`,它提供发送请求、处理响应的基础框架,子类只需专注于业务...

    thinkphp ajax分页

    - 封装通用的分页函数,以便在其他地方复用。 - 使用Ajax的异步特性,提供良好的加载体验,如加载动画。 - 考虑SEO友好性,为非JavaScript环境提供备选方案,如使用HTML5的PushState实现。 - 添加错误处理机制,确保...

    jquery+Ajax+Handler

    在这个系统中,jQuery封装了Ajax功能,允许我们发送异步HTTP请求到服务器,获取数据,然后动态更新页面内容。例如,用户在页面上进行操作时,jQuery会触发一个Ajax请求,Handler作为服务器端的接收者,处理请求并...

    h-ui的通用js代码

    H-UI Admin是一个成熟的后台管理界面模板,它集成了通用JS代码,使得开发者能够快速构建功能丰富的后台系统。模板中的JS代码包括导航菜单的控制、表格操作、表单组件的交互等,大大降低了开发难度。 七、ZiDingYijs...

    java web项目分页通用实现

    本DEMO主要展示了如何实现一个通用的分页功能,覆盖了后台和前台的处理逻辑。以下是对这个主题的详细阐述: 一、分页原理 分页的核心原理是通过限制每次查询的数据量,只获取用户当前需要查看的一部分数据,同时...

    文件上传模板

    这个"文件上传模板"提供了通用的实现方案,适用于多种场景。以下将详细阐述文件上传涉及的关键知识点: 1. **文件上传接口设计**:一个优秀的文件上传模板应包括清晰的API设计,允许用户通过调用特定接口来实现文件...

    在线考试系统(完整版sql server2000+.net)

    可以做一个通用的数据访问层,以后开发项目时,可以直接拿过来用,并且可以提高工作效率。另外,进行参数传值时,数据都用自定义实体类代替,这样可以实现数据访问层对其它层的完全透明。自定义实体类封装了所有与...

    简化 AJAX 和 JAVA 开发-第 1 部分 用 JSP 标记文件动态生成 JAVASCRIPT 代码.doc

    文档中给出的例子展示了如何避免这种做法:通过创建一个通用的`xhr()`函数,将AJAX请求的共性部分提取出来,然后在具体功能函数如`getInfo2()`中调用这个泛型函数,从而简化代码并易于维护。 清单1中的`getInfo()`...

    基于ajax+DHTML实现的modal-message对话框窗体js类库源码

    4. **JavaScript类库**:源码中的"js"目录可能包含了核心的JavaScript类库,该类库封装了创建、显示、关闭对话框以及处理Ajax请求的相关逻辑。开发者可以通过调用预定义的函数或方法来方便地使用这个对话框组件。 5...

    Ajax_Design_Patterns_Tutorial.rar_Ajax_Java_

    在Ajax应用中,可以定义一个抽象的Ajax请求类,其中包含请求的通用流程,而具体的请求细节则由子类实现。 **8. 策略模式** 策略模式允许在运行时选择不同的算法或策略。在Ajax中,可以根据不同的业务需求选择不同的...

    ASP.NET源码——ASP.NET通用权限管理系统(FrameWork).zip

    4. **数据访问层(DAL)**:系统可能包含一个数据访问层,用于封装数据库操作,提供一套面向对象的接口供业务逻辑层调用。 5. **业务逻辑层(BLL)**:这部分代码处理业务规则和流程,如用户权限的判定、角色管理等...

    网站前端网页源码模板 (649).zip

    在这个模板中,可能有`main.js`作为主要的JavaScript文件,以及其他辅助脚本,如`function.js`用于封装通用函数,或者`slider.js`用于滑动展示效果。开发者可以通过扩展或修改这些脚本来增强网页的功能。 `1.jpg`...

    vue-h5-pro::rocket: 基于@vueCLI3构建的移动端h5项目模板

    :rocket: 基于@vue/CLI3构建的移动端h5项目模板。 说明 项目涉及@vue/CLI3构建、移动端h5开发、axios封装、通用化组件等。 持续更新... 特性 基于@vue/cli3 CSS 预编译语言:,全局样式初始化 ajax封装,借助Axios库...

    spring mvc,mybatis,Shiro,dwz实现的通用后台系统

    4. Service层的结果返回给Controller,Controller将数据封装到ModelAndView对象中。 5. Spring MVC将ModelAndView对象传递给视图解析器,视图解析器根据规则找到对应的JSP页面或者DWZ的HTML模板。 6. 在前端,DWZ的...

    通用WEB框架 Webx.zip

    在Webx框架中,开发者可以利用其提供的控制器、模型、视图和数据访问组件来实现MVC(Model-View-Controller)设计模式。这种模式将业务逻辑、用户界面和数据处理分离开来,使得代码更加清晰,易于维护。Webx还支持...

    Simplifying Ajax In Java-开源

    Abstract servlet通常是一个抽象基类,它提供了一组通用方法,可以作为实际处理请求的servlet的模板。在这个项目中,这个Abstract servlet可能是为了处理Ajax请求而设计的,它可能封装了Ajax请求的解析、响应生成等...

Global site tag (gtag.js) - Google Analytics