分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

封装通用的 ajax, 基于 jQuery。

发布时间:2023-09-06 01:48责任编辑:胡小海关键词:jQuery

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

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

第二步:实现代码:

// 该封装基于 jQueryvar 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)}

封装通用的 ajax, 基于 jQuery。

原文地址:https://www.cnblogs.com/zhourongcode/p/8727592.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved