一:axios中是 Get请求:

1:在vue项目中通过params属性携带数据:

    let _self = this;
axios({
method:'get',
url:'http://localhost:5000/api/StuInFors/GetEFAsync/',
params:{pagesize:10,pageindex:2}
}).then(function(resp){
//document.write(JSON.stringify(resp.data));
console.log(resp.status);
_self.apidatas = resp.data; });

2:然后.net core webapi 中通过Query取出数据:

  [HttpGet]
public async Task<List<InforEF>> GetEFAsync()//int pagesize,int pageindex)
{
int pagesize = ;//页大小。
int pageindex = ;//第几页。
if (Request.Query.ContainsKey("pagesize"))
{
pagesize = Convert.ToInt32(Request.Query["pagesize"]);
pageindex = Convert.ToInt32(Request.Query["pageindex"]);
} //Skip(5),忽略前面的 5 个
//int pagesize = 10;//页大小。
//int pageindex = 1;//第几页。
//所以Skip(pagesize * (pageindex - 1)),Take(pagesize);
List<InforEF> infors = await _context.Infortb.OrderBy(infor => infor.Fid).Skip(pagesize * (pageindex - )).Take(pagesize).ToListAsync();
return infors;
}

二:axios中是 Post 请求:

1:vue中通过params或者data属性携带数据:

  rowupdateclick(row) //added by longdb 2019.2.16
{
let _self = this; this.$confirm('保存, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
center: true
}).then(() => { axios({
method:'post',
data:[{
'FSaleNo':row.FSaleNo,
'FSaleName':row.FSaleName ,
'FSaleQty':row.FSaleQty,
'FSaleAmount':row.FSaleAmount,
'FSaleType':row.FSaleType,
'FSaleStatus':row.FSaleStatus
}],
params:{FSaleNo:row.FSaleNo,FSaleAmount:row.FSaleAmount},
url:"http://localhost:5000/api/SalesOrder/PostForUpdate/",//'http://172.17.192.161/WebApiAndroid/api/StuInFors/Post/',
}).then(function(resp){
console.log(resp.status);
if(resp.status == )
{
_self.$message({
type: 'success',
message: '保存成功!'+resp.data
});
}
}); }).catch(() => {
this.$message({
type: 'info',
message: '已取消保存'
});
});
}

2:如果是通过params属性,则在.net core webapi中的取法同Get请求。如果是通过data属性,则如下取法:

  public async Task<string> PostForUpdate()//[FromBody] string value)
{
string retvalue = "failed";
Stream stream = Request.Body; if (stream != null)
{
using (var reader = new StreamReader(stream, Encoding.UTF8))
{
string data = await reader.ReadToEndAsync(); DataTable dt = JSONInterFace.JsonToDatableWithJsonNet(data); if (dt != null && dt.Rows.Count > )
{
string sql = "update TSaleOrder set FSaleAmount='" + dt.Rows[]["FSaleAmount"].ToString() + "' where FSaleNo='" + dt.Rows[]["FSaleNo"].ToString() + "'";
if (DBHelper.DBExecute(sql))
{
retvalue = "success";
}
//retvalue = DBHelper.sqlBulkCopyData(dt, "TSaleOrder");
}
}
}
return retvalue;
}

vue.js - axios Get、Post方法传参给 .net core webapi。的更多相关文章

  1. vue 使用 axios 时 post 请求方法传参无法发送至后台

    axios 时 post 请求方法传参无法发送至后台报错如下 Response to preflight request doesn't pass access control check: No ' ...

  2. vue router使用query和params传参的使用

    传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题.有需要的朋友可以做一下参考,希望可以帮到大家. Vue ...

  3. (转)vue router 如何使用params query传参,以及有什么区别

    写在前面: 传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题.有需要的朋友可以做一下参考,喜欢的可以点波赞 ...

  4. vue router 如何使用params query传参,以及有什么区别

    写在前面: 传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题.有需要的朋友可以做一下参考,喜欢的可以点波赞 ...

  5. js中使用进行字符串传参

    在js中拼接html标签传参时,如果方法参数是字符串需要加上引号,这里需要进行字符转义 <a href='javascript:addMenuUI("+"\"&qu ...

  6. MyBatis dao层 方法传参

    MyBatis dao层 方法传参有三种方法. 1. 以下标的方法获取参数. <update id="insertSuccessKilled">       INSER ...

  7. EasyUI queryParams属性 在请求远程数据同时给action方法传参

    http://www.cnblogs.com/iack/p/3530500.html?utm_source=tuicool EasyUI queryParams属性 在请求远程数据同时给action方 ...

  8. javascript 字符串方法传参

    javascript 字符串方法传参由于嵌套的单引号,双引号过多.有点混乱.. 正确方法如下: '   <td align="left"><input type= ...

  9. 再谈Java方法传参那些事

    把一个变量带进一个方法,该方法执行结束后,它的值有时会改变,有时不会改变.一开始会觉得--“好神奇呀”.当我们了解java内存分析的知识后,一切都是那么简单明了了--“哦,这么回事呀”.但是今天的上机 ...

随机推荐

  1. redis集群种类(转)

    原文:http://blog.csdn.net/c295477887/article/details/52487621 关于redis主从.哨兵.集群的介绍网上很多,这里就不赘述了. 一.主从 通过持 ...

  2. Alpha冲刺 - (6/10)

    Part.1 开篇 队名:彳艮彳亍团队 组长博客:戳我进入 作业博客:班级博客本次作业的链接 Part.2 成员汇报 组员1(组长)柯奇豪 过去两天完成了哪些任务 基于ssm框架的前后端交互测试,结合 ...

  3. ZSTU4266 回文 2017-03-22 14:25 55人阅读 评论(0) 收藏

    4266: 回文 Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 1636  Solved: 504 Description 小王想知道一个字符串是否为 ...

  4. Android-HttpsURLConnectionHelp-工具类

    HttpsURLConnectionHelp-工具类 是专门把javax.net.ssl.HttpsURLConnection类的使用,进行了封装,提供了常用的公共方法: package common ...

  5. HighCharts使用总结

    1.常用属性 chart: type:areaspline(线面图).arearange(区间图) zoomType: 缩放类型(沿着'xy'轴缩放) alignTicks:设置坐标轴刻度对齐. 当有 ...

  6. Mahout学习资料

    Apache Mahout 简介 http://www.ibm.com/developerworks/cn/java/j-mahout/ 从源代码剖析Mahout推荐引擎 http://blog.fe ...

  7. css细节复习笔记——内边距、边框和外边距

    一个元素的内边距.边框和外边距属性会影响着整个文档如何布局,更重要的是,它们会严重影响给定元素的外观. 高度和宽度 这两个属性不能应用到行内非替换元素,其高度和宽度由链接的内容确定,而不是由创作人员确 ...

  8. Delphi XE7编译安卓程序出错了

    昨天编译一个先前可以正常运行的程序,忽然就不能编译了,总是提示这个错误,经过一番排查,终于搞定了,原因:删除了安卓lib引用的JAR和单元文件.如果你也出现这个问题,打开工程全部目录,看一下是否有打小 ...

  9. CentOS7.x下安装VNC

    1.检查是否安装VNC rpm -q tigervnc tigervnc-server 2.安装X-Window yum check-update yum groupinstall "X W ...

  10. Java笔记(一)GC及类加载

    垃圾回收器(GC)    垃圾回收器:java中有一个线程,专门负责JVM中垃圾内存的释放    垃圾:没有引用的内存节点    垃圾回收的算法    注意:垃圾回收有自己的算法,我们是不能控制垃圾回 ...