分享web开发知识

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

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

angularJS 利用 service 封装 POST 请求

发布时间:2023-09-06 02:21责任编辑:熊小新关键词:POST
angular.module(‘app‘,[]).service(‘postService‘,function($http){ ???return { ???????postRequset:function(url,obj,succCallBack,errorCallBack){ ??????????return $http({ ???????????????method:‘post‘, ???????????????url:url, ???????????????data:obj || {}, ???????????????headers:{‘Content-Type‘:‘application/x-www-form-urlencoded‘}, ???????????????transformRequest:function(obj){ ???????????????????var str = []; ???????????????????for(var p in obj ){ ???????????????????????str.push(encodeURIComponent(p) + ‘=‘ + encodeURIComponent(obj[p]); ???????????????????} ???????????????????return str.join(‘&‘); ???????????????} ???????????}) .success(function(data){ ???????????????????succCallBack && succCallBack(data); ???????????}).error(function(data){ ??????????????????errorCallBack && errorCallBack(data); ???????????}) ???????} ???}}) ???????????

  

以下为重点:
headers:{‘Content-Type‘:‘application/x-www-form-urlencoded‘},transformRequest:function(obj){ ?????var str = []; ?????for(var p in obj ){ ?????????str.push(encodeURIComponent(p) + ‘=‘ + encodeURIComponent(obj[p]); ?????} ?????return str.join(‘&‘);}

调用方法如下:
postService.postRequest(‘url的地址‘,‘data数据‘,function(data){ ???console.log(data);})

  



angularJS 利用 service 封装 POST 请求

原文地址:https://www.cnblogs.com/dyy-dida/p/9911194.html

知识推荐

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