文档章节

vue2 axios post 传参数

mellen
 mellen
发布于 2017/04/27 17:36
字数 218
阅读 125
收藏 0

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>post交互</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <style>

        </style>
        <link rel="stylesheet" href="css/mui.min.css">
        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="js/vue.min2.2.js"></script>
        <script type="text/javascript" src="js/axios.min.js"></script>
        <script type="text/javascript" src="js/public.js"></script>

        <link href="css/mystrap.css" rel="stylesheet" type="text/css" />

        <link rel="stylesheet" type="text/css" href="css/app.css" />
    </head>

    <body>
        <div id="app">
            <form @submit.prevent="submit">
                <div class="field">
                    姓名:<input type="text" v-model="user.name">
                </div>

                <div class="field">
                    性別:
                    <label>
                <input type="radio" value="男" v-model="user.gender"> 男
            </label>
                    <label>
                <input type="radio" value="女" v-model="user.gender"> 女
            </label>
                </div>

                <input type="submit" value="提交">

            </form>
        </div>

        <script>
            new Vue({

                el: '#app',
                data: {
                    user: {
                        name: '200',
                        gender: ''
                    }
                },
                
                methods: {
                    submit: function() {
                        var self = this;
                        var formData = JSON.stringify(this.user); // 这里才是你的表单数据
                        console.log(formData);
                        console.log(self.user.name);
                        var params = new URLSearchParams();
                        params.append('PAGETYPE', self.user.name);
                        params.append('funcName', 'GetListData');
            
                        axios.post('1.php', params)
                            .then(function(response) {
                                console.log(response);
                            })
                            .catch(function(error) {
                                console.log(error);
                            });

                    }
                }

            })
        </script>
    </body>

</html>

© 著作权归作者所有

共有 人打赏支持
mellen
粉丝 9
博文 120
码字总数 70082
作品 1
南京
部门经理
私信 提问
VUE2 Axios Post form

在router.js中增加如下内容 2. 使用post提交

Pasenger
09/08
0
0
Vue2学习小记-给Vue2路由导航钩子和axios拦截器做个封装

1.写在前面 最近在学习Vue2,遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题,但是总不能每个页面都做单独处理吧,于是想到axios提供了拦截器这个好东西,再于是就出现了本...

劣者
2017/11/23
0
0
东航电商前端技术周刊第五期20180724

今天我们将分享如下内容,希望能对小伙伴们有些许帮助: 1、通过改变类名渲染不同背景图的简洁写法; 2、项目中常会用到的点击弹出模态框禁止页面滑动; 3、axios post提交的Content-Type设置...

东航电商前端技术中心
07/24
0
0
在Vue中如何使用axios请求拦截

一、前言 axios的基础使用就不过多的讲解啦,如何使用可以看axios文档使用说明·Axios中文说明 在这里和大家分享一下axios拦截在实际项目中的使用 很多人都看过axios的官方文档中拦截器这一栏...

大灰狼的小绵羊哥哥
10/27
0
0
Vue 全家桶 + Express 实现的博客(后端API全部自己手写)

为什么学习并使用Vue 1.发展趋势 最近这几年的前端圈子,由于戏台一般精彩纷呈,从 MVC 到 MVVM,你刚唱罢我登场。 backbone,AngularJS 已成昨日黄花,reactjs 如日中天,同时另一更轻量的 ...

AlloyTeamZy
2017/07/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

jquery通过id显示隐藏

var $div3 = $('#div3'); 显示 $div3.show(); 隐藏 $div3.hide();

yan_liu
今天
3
0
《乱世佳人》读书笔记及相关感悟3900字

《乱世佳人》读书笔记及相关感悟3900字: 之前一直听「荔枝」,后来不知怎的转向了「喜马拉雅」,一听就是三年。上班的时候听房产,买房了以后听装修,兴之所至时听旅行,分手后听亲密关系,...

原创小博客
今天
3
0
大数据教程(9.6)map端join实现

上一篇文章讲了mapreduce配合实现join,本节博主将讲述在map端的join实现; 一、需求 实现两个“表”的join操作,其中一个表数据量小,一个表很大,这种场景在实际中非常常见,比如“订单日志...

em_aaron
今天
3
0
cookie与session详解

session与cookie是什么? session与cookie属于一种会话控制技术.常用在身份识别,登录验证,数据传输等.举个例子,就像我们去超市买东西结账的时候,我们要拿出我们的会员卡才会获取优惠.这时...

士兵7
今天
3
0
十万个为什么之为什么大家都说dubbo

Dubbo是什么? 使用背景 dubbo为什么这么流行, 为什么大家都这么喜欢用dubbo; 通过了解分布式开发了解到, 为适应访问量暴增,业务拆分后, 子应用部署在多台服务器上,而多台服务器通过可以通过d...

尾生
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部