返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Vue使用Post进行表单提交
  • 559
分享到

Vue使用Post进行表单提交

2024-04-02 19:04:59 559人浏览 八月长安
摘要

目录使用Post进行表单提交Vue中使用Post问题使用Post进行表单提交 下面就是使用Vue提交表单的方法 submitFORM(event) { event.pre

使用Post进行表单提交

下面就是使用Vue提交表单的方法

submitFORM(event) {
					event.preventDefault();
					let formData = new FormData();
					formData.append('id', this.param.id);
					formData.append('cateGoryName', this.param.namee);
					formData.append('description', this.param.descrip);
					var url ="";
					if(this.isSave){
						url = "Http://localhost:8080/bookStore/category.do?flag=add"
					}else{
						url = "http://localhost:8080/bookStore/category.do?flag=update&id="+this.param.id
					}
					this.$http.post(url, formData).then(function (res) {
					  if (res.status === 200) {
						  this.isshowModal=false;
						  var title = this.isSave?"添加成功!":"修改成功!";
						  swal({title:title,text:"",type:"success"});
						  this.queryData();
						  this.clearData();
					  }
					})
				}

vue中使用Post问题

get的使用

this.$axiOS.get("/api/Main/InputValue",{
     params:{ //传参
         JSON:"123"
     }
})
.then(function(res){
     //console.log(res)          
})
.catch(function(err){
      console.log("请求失败233");
});

post的使用

this.$axios.post("/api/Main/posttest",{json:"123"})//传参
.then(function(res){
      console.log(res)          
})
.catch(function(err){
      console.log("请求失败233");
});

post和get传参数的方式是不一样的,写post的时候如果在params里面传参数,后台是收不到的~~~~ 

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: Vue使用Post进行表单提交

本文链接: https://lsjlt.com/news/150345.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Vue使用Post进行表单提交
    目录使用Post进行表单提交vue中使用Post问题使用Post进行表单提交 下面就是使用Vue提交表单的方法 submitForm(event) { event.pre...
    99+
    2024-04-02
  • Vue如何使用Post进行表单提交
    这篇“Vue如何使用Post进行表单提交”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue如何使用Post进行表单提交”文...
    99+
    2023-06-30
  • httpclient使用post提交表单参数
    要使用HttpClient进行POST请求并提交表单参数,您需要按照以下步骤进行操作:1. 创建一个HttpClient实例:```...
    99+
    2023-08-08
    httpclient
  • PHP中的如何进行CURL模拟表单的post提交
    PHP中的如何进行CURL模拟表单的post提交,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。废话不多说啦,直接上代码:<...
    99+
    2024-04-02
  • Unity用UnityWebRequest和 BestHttp的GET和POST表单提交,与php交互
    目录 在unity2021中,WWW的资源加载方式过时了,新的方法为UnityWebRequest  BestHttp的Get方式和Post方式  部分API 在unity2021中,WWW的资源加载方式过时了,新的方法为UnityWe...
    99+
    2023-09-04
    unity 游戏引擎
  • Django 提交 form 表单(使用
    优化 提交 form 表单,https://www.cnblogs.com/klvchen/p/10608143.html 创建数据库的字段,在 models.py 中添加 from django.db import models # ...
    99+
    2023-01-31
    表单 Django form
  • 如何通过Ajax进行Post提交Json数据
    这篇文章主要介绍了如何通过Ajax进行Post提交Json数据,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。js代码$.ajax({&nbs...
    99+
    2024-04-02
  • Nodejs下用submit提交表单提示cannot post错误的解决方法
    <span style="font-size:18px;"><form action="/registOK" method="get"> <p>用户名:<inp...
    99+
    2022-06-04
    表单 解决方法 提示
  • django怎么使用ajax提交表单
    在Django中使用Ajax提交表单,你需要进行以下步骤:1. 在你的HTML文件中,使用JavaScript编写一个函数来处理表单...
    99+
    2023-09-26
    django ajax
  • ajax post方式表单提交setRequestHeader报错如何解决
    本篇内容介绍了“ajax post方式表单提交setRequestHeader报错如何解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希...
    99+
    2024-04-02
  • Vue中怎么利用 axios提交表单数据
    Vue中怎么利用 axios提交表单数据,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。我们经常使用表单来上传数据,以及上传文件,那么怎么在...
    99+
    2024-04-02
  • 如何使用Ajax提交post请求
    如何使用Ajax提交post请求?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。什么是ajaxajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台...
    99+
    2023-06-08
  • python使用post方式提交数据
    #!/usr/bin/python # -*- coding: UTF-8 -*- import urllib,cookielib; import urllib2 #设置要请求的头,让服务器不会以为你是机器人 headers={'Use...
    99+
    2023-01-31
    方式 数据 python
  • vue动态表单数据如何提交
    Vue动态表单数据可以通过以下步骤来提交:1. 在Vue组件中定义表单数据,可以使用data属性来存储表单数据。2. 使用v-mod...
    99+
    2023-05-29
    vue动态表单 vue
  • vue表单提交编辑如何实现
    本篇内容主要讲解“vue表单提交编辑如何实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue表单提交编辑如何实现”吧!表单数据的绑定与修改在Vue中实现表单数据的绑定和修改需要用到v-mod...
    99+
    2023-07-06
  • yii中form表单提交之前JS如何在提交按钮上进行验证
    这篇文章主要介绍yii中form表单提交之前JS如何在提交按钮上进行验证,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 很多时候,需要对Yii表单model中的对象设置的r...
    99+
    2024-04-02
  • 如何使用ajax异步提交表单
    这篇文章主要介绍如何使用ajax异步提交表单,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!方式一手工收集所有的用户输入,封装为大的“k1=v1&k2=v2…”键值对形式,使用...
    99+
    2024-04-02
  • 如何使用JavaWeb实现表单提交
    这篇文章主要介绍如何使用JavaWeb实现表单提交,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!register.html<!DOCTYPE html PUBLIC "-...
    99+
    2023-06-29
  • 说明如何使用javascript提交表单
    随着Web技术的不断进步,动态Web网站的开发越来越受到人们的关注,JavaScript作为一种客户端脚本语言,为Web应用程序提供了很好的交互和响应能力。其中,提交表单是JavaScript最基础的功能之一。本文将为您讲解如何使用Java...
    99+
    2023-05-22
  • java中怎么使用httpclient提交表单
    在Java中使用HttpClient提交表单可以通过以下步骤实现:1. 添加依赖:首先,需要在项目中添加HttpClient的依赖。...
    99+
    2023-08-08
    java httpclient
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作