$http.post()方式解析

$http.post()比get方式多的一个参数为发送给后台的值,其他解释参照上一篇关于get方式解析,格式如下:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="angular.js"></script>
    <style>
        td {
            border: 1px solid red;
        }
    </style>
</head>
<body>

 

<!--方式控制器必须在定义的模型之内即ng-app -->
<div ng-app="mymodule1"><!--模型定义-->
    <div ng-controller="mycontroller1">
        <table>
            <tr ng-repeat="p in data">
                <td>{{p.deviceId}}</td>
                <td>{{p.handleTime}}</td>
                <td>{{p.projectId}}</td>
                <td>{{p.id}}</td>
                <td>{{p.questionType}}</td>
            </tr>
        </table>


    </div>
</div>
<script>
    //    angularjs 交互中第一步:注入$http 第二步进行请求
    //$http.get(url,'config放在地址后面的参数可有可无)').success(function(data,status,){}).error()或者直接$get(url?x=1).success()也可省略config相当于问号后边的值为config ---地址必须在同一个域下否则引起跨域
    var mymodule = angular.module("mymodule1", []);
    mymodule.controller('mycontroller1', function ($scope, $http) {
        var config = {params: {id: "female"}};//在地址传入后台的值,可有可无,必须是{params:{xx:xxxx}}的形式 params(参数)
        $get.get('exp.txt',config).success(function(data){
//        $http.get('exp.txt?id=3').success(function (data,status,headers,config) {中的问好后边的id=3相当于config的值
                $scope.data = data.data.list;
            console.log(data);
//            console.log(status)
//            console.log(headers)
//            console.log(config)
            })
        })


</script>

</body>
</html>

 

转载于:https://www.cnblogs.com/bellagao/p/6278975.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在axios中,使用$axios.post方法可以发送一个POST请求。通过该方法,可以向服务器发送数据,并且可以设置请求的相关配置。具体的使用方法如下所示: ``` this.$axios.post(url, data, config) ``` 其中,url表示请求的地址,data表示发送的数据,config表示请求的配置选项。在配置选项中,可以设置timeout、baseURL等相关配置。同时,可以在data中设置需要发送的参数。 需要注意的是,在使用$axios.post方法时,需要显示设置Content-Type为application/x-www-form-urlencoded,以确保服务器能够正确解析数据。 总结来说,使用$axios.post方法可以向服务器发送一个POST请求,并且可以设置请求的相关配置和发送的参数。详情可以参考相关的教程。 <span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Axios使用方法](https://blog.csdn.net/caosiyuan1991/article/details/115314076)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [axios请求中get与post的参数传递问题](https://blog.csdn.net/black_cat7/article/details/120227484)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值