网站建设wang.cd,wordpress文章链接插件,玄武建设局网站,上海外贸seo推广/*$http常用的几个参数$http服务的设置对象:1、method 字符串 表示发送的请求类型 get post jsonp等等2、url 字符串 绝对或者相对的URL,请求的目标3、params 字符串或对象 会被转化成查询字符串加到URL后面#xff0c;如果不是字符串会被JSON序列化4、data 字符串或者对象 这… /*$http常用的几个参数$http服务的设置对象:1、method 字符串 表示发送的请求类型 get post jsonp等等2、url 字符串 绝对或者相对的URL,请求的目标3、params 字符串或对象 会被转化成查询字符串加到URL后面如果不是字符串会被JSON序列化4、data 字符串或者对象 这个对象包含了被当做消息体发送给服务器的数据一般在POST请求中使用并且从angular1.3开始可以在POST请求里发送二进制数据如var blob new Blob({name:’张三’}); $http({method:’get’,url:’/‘,data:blob});5、headers 对象 在我们做POST跨域和后台配合的时候就用到了headers其代表随请求发送的HTTP头字符串6、cache 布尔或缓存对象 如果设置为true angularjs会用默认的$http缓存对GET请求进行缓存7、timout 数值或者promise对象如果为数值那么请求会在指定的毫秒后结束(会跳到失败的error方法里) 如果为对象那么promise对象在被resolve时请求会被中止方法执行完毕再执行请求8、xsrfHeaderName 字符串 保存XSFR令牌的HTTP头的名称9、xsrfCookieName 字符串 保存XSFR令牌的cookie的名称10、transformRequest 函数或函数组 用来对HTTP请求头和体信息进行转换并返回转化后的版本通常用于在请求发送给服务器之前对其序列化11、transformResponse 函数或函数组 用来HTTP响应头和响应体信息进行转换并返回转化后的版本通常用来反序列化12、responseType 字符串 该选项会在请求中设置XMLHttpResponseType属性有以下类型 “”字符串默认”arraybuffer”(arraybuffer)”blob”(blob对象)“document”(HTTP文档)”json“(从JSON对象解析出来的json字符串)”text“(字符串)”moz-blob“(Firefox的接收进度事件)”moz-chunked-text“(文本流)”moz-chunked-arraybuffer”(arraybuffer流)$http服务的快捷方法$http提供了一些快捷方法让我们使用一共有六个(其实是六种请求模式)1、$http.get(url字符串config可选的配置-对象类型) 返回HttpPromise对象2、$http.delete(url字符串config可选的配置-对象类型) 返回HttpPromise对象3、$http.head(url字符串config可选的配置-对象类型) 返回HttpPromise对象4、$http.jsonp(url字符串config可选的配置-对象类型) 返回HttpPromise对象5、$http.post(url字符串data对象或字符串config可选的配置-对象类型) 返回HttpPromise对象6、$http.put(url字符串data对象或字符串config可选的配置-对象类型) 返回HttpPromise对象*/ $http常用的几个参数// 1、$http请求方式/*** 请求参数说明*url:url, //请求的url路径*method:method, //GET/DELETE/HEAD/JSONP/POST/PUT*params:params , //转为 ?param1xx1¶m2xx2的形式*data: data //包含了将被当做消息体发送给服务器的数据通常在POST请求时使用*/$http({url:url, //请求的url路径method:method, //GET/DELETE/HEAD/JSONP/POST/PUTparams:params , //转为 ?param1xx1¶m2xx2的形式data: data //包含了将被当做消息体发送给服务器的数据通常在POST请求时使用}).success(function(response, status, header, config, statusText){//成功处理// response --- 响应体即要请求的数据// status --- HTTP状态码// header --- 头信息// config --- 用来生成原始请求的完整设置对象// statusText --- 相应的HTTP状态文本
}).error(function(data,header,config,status){//错误处理}); 1、$http请求方式// 2、GET方式// $http---get请求方式--- params参数会转为 ?param1xx1¶m2xx2的形式$http({url:/doc.json,method:GET,params:{username:admin}}).success(function (response, status, headers, config) {/*成功信息*/}).error(function (response) {/*失败信息*/});//快捷请求$http.get(url, [config]).success(function(data){}).error(function(data){}); 2、GET方式// 3、POST方式$http({method : POST,params : { id:1}, data:{name:admin,age:1}, url : /doc}).success(function(response, status, headers, config){/*成功信息*/}).error(function(response, status, headers, config){/*失败信息*/});// 快捷方式$http.post(url, $scope.formData).success(function (response, status, headers, config) {/*成功信息*/}).error(function (response) {/*失败信息*/}); 3、POST方式// 4、发送jsonp请求// 为了发送JSONP请求url中必须包含JSON_CALLBACK参数 jsonp(url,config) 其中config是可选的// eg:var promise$http.jsonp(/api/users.json?callbackJSON_CALLBACK); 4、发送jsonp请求// 5、$http提交表单 --- 与Spring MVC交互 使用这种方式// 通用方式$http({method: POST,url: url,headers: {Content-Type: application/x-www-form-urlencoded},data: $.param($scope.request)}).success(function(result){}).error(function(result){});// 快捷方式$http.post(url, $scope.formData).success(function(result){}).error(function(result){}); 5、$http提交表单// 6、使用$http指定的方法发送HTTP请求get(url, [config]);delete(url, [config]);post(url, data, [config]);put(url, data, [config]); 6、使用$http指定的方法发送HTTP请求更多专业前端知识请上
【猿2048】www.mk2048.com