vue.js - axios Get、Post方法传参给 .net core webapi。
一: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。的更多相关文章
- vue 使用 axios 时 post 请求方法传参无法发送至后台
axios 时 post 请求方法传参无法发送至后台报错如下 Response to preflight request doesn't pass access control check: No ' ...
- vue router使用query和params传参的使用
传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题.有需要的朋友可以做一下参考,希望可以帮到大家. Vue ...
- (转)vue router 如何使用params query传参,以及有什么区别
写在前面: 传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题.有需要的朋友可以做一下参考,喜欢的可以点波赞 ...
- vue router 如何使用params query传参,以及有什么区别
写在前面: 传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题.有需要的朋友可以做一下参考,喜欢的可以点波赞 ...
- js中使用进行字符串传参
在js中拼接html标签传参时,如果方法参数是字符串需要加上引号,这里需要进行字符转义 <a href='javascript:addMenuUI("+"\"&qu ...
- MyBatis dao层 方法传参
MyBatis dao层 方法传参有三种方法. 1. 以下标的方法获取参数. <update id="insertSuccessKilled"> INSER ...
- EasyUI queryParams属性 在请求远程数据同时给action方法传参
http://www.cnblogs.com/iack/p/3530500.html?utm_source=tuicool EasyUI queryParams属性 在请求远程数据同时给action方 ...
- javascript 字符串方法传参
javascript 字符串方法传参由于嵌套的单引号,双引号过多.有点混乱.. 正确方法如下: ' <td align="left"><input type= ...
- 再谈Java方法传参那些事
把一个变量带进一个方法,该方法执行结束后,它的值有时会改变,有时不会改变.一开始会觉得--“好神奇呀”.当我们了解java内存分析的知识后,一切都是那么简单明了了--“哦,这么回事呀”.但是今天的上机 ...
随机推荐
- jQuery动画中stop()与 finish()区别
stop():接受三个参数,(要停止的动画名称:是否清空队列中的动画:是否当前动画立即完成) stop()相当于stop(false,false)表示停止执行当前动画,后续动画接着进行 stop(tr ...
- 编译语言 vs 解释语言
编译语言 vs 解释语言 阅读: 评论: 作者:Rybby 日期: 来源:rybby.com 一直以为,编译语言的性能绝对比解释语言快,因为就理论而言,解释语言要一边解释(将脚本语言翻译成计算 ...
- GPU的历史:从固定管线到可编程管线再到通用计算平台
开始的时候GPU不能编程,也叫固定管线的,就是把数据按照固定的通路走完. 和CPU同样作为计算处理器,顺理成章就出来了可编程的GPU,但是那时候想在GPU上编程可不是容易的事,你只能使用GPU汇编来写 ...
- Android-自定义开关(ViewGroup版)
虽然实现自定义开关,通常情况下都是继承View,比较合理方便快捷一些 但是我今天想去继承ViewGroup来实现自定义开关来玩玩 效果图: 布局代码: <!-- 自定义开关ViewGroup版 ...
- 二段Linq Groupby操作
var messages = list.GroupBy(p=>p.RefOrderNo,(k,v)=> new {OrderNo = k,SkuInfo = v}) .Select(p = ...
- 国际时区 TimeZone ID列表
public static void main(String[] args) { Calendar c = new GregorianCalendar(); c.setTime(new Date()) ...
- jsp+mysql的字符过滤器
jsp+mysql项目里面,在和数据库交互的时候,总是出现乱码.这都是老生常谈的事情了. 之前在那里放了一放,今天觉得还是尽早解决.用了一个过滤器. 代码: package wang.util; im ...
- 在TFS 2013的敏捷组合管理中添加积压工作
在TFS提供的三套默认模板中,组合管理(Portfolio Management)只包含功能(Feature)和要求这个两个积压工作.你可以参考下面的文档,学会如何在积压工作中添加额外的工作项类型. ...
- 搭建 .NET Core 开发环境
安装 .Net Core 执行代码 任务时间:时间未知 .NET Core 的官方文档很详细,本实验带你建立一个.NET Core 1.1的Web运行环境,更多内容可以可以查阅微软官方文档. 安装 . ...
- Cookie的创建与删除
Cookie 为 Web 应用程序保存用户相关信息提供了一种有用的方法.例如,当用户访问站点时,可以利用 Cookie 保存用户首选项或其他信息,这样,当用户下次再访问站点时,应用程序就可以检索以前保 ...