vue.js - axios Get方法传参给 .net core webapi。

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 = 10;//页大小。
            int pageindex = 1;//第几页。
            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 - 1)).Take(pagesize).ToListAsync();
            return infors;
        }

原文地址:https://www.cnblogs.com/longdb/p/10384518.html

时间: 2024-11-10 14:54:18

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

axios用post传参,后端无法获取参数问题

最近用vue+nodejs写项目,前端使用axios向后台传参,发现后台接收不到参数. 后台是node+express框架,然后使用了body-parser包接收参数,配置如下: const express = require('express') const bodyParser = require('body-parser') const app = express() app.listen(8888, () => { console.log('Server start on 8888...

wx.request中POST方法传参问题,用到JSON.stringify()

前面用到了get方法传参,现在post也需要传参传输内容进去,下面我来一步步研究: 遇到的问题: 传参进去后反馈参数为空,没有报错.错误代码如下: wx.request({ url: '某地址', method: "post", data: { msg: { "phone": "某电话", "content": this.data.text, "date":this.data.time } }, heade

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

http://www.cnblogs.com/iack/p/3530500.html?utm_source=tuicool EasyUI queryParams属性 在请求远程数据同时给action方法传参 属性名 属性值类型 描述 默认值 queryParams object 在请求远程数据的时候发送额外的参数. 代码示例: $('#dg').datagrid({ queryParams: { name: 'easyui', subject: 'datagrid' } }); {} Actio

方法传参

关于方法传参: (参数也叫 参变量 ,它是专属于方法体的局部变量!) 首先我想先说一个结论:基本数据类型作形参时,实参向形参传递的是值:引用数据类型作形参时传递的是 对象.(其实传递都是值,具体可参考http://www.cnblogs.com/wsw-blog/articles/my-bolgs-898558572.html)    我们知道在调用带参方法时需要按照该方法的形参变量列表将类型.顺序一 一对应的实参变量的值传递过去. 这就是方法的参数传递! 当基本数据类型作为形参时,无论形参变量

JS XMLHttpRequest.upload.addEventListener 传参,回调

JS 回调函数,传参的办法. function uploadFile(t) { var fd = new FormData(); fd.append("_netLogo", document.getElementById('_netLogo').files[0]); var xhr = new XMLHttpRequest(); // 原来 xhr.upload.addEventListener("progress", uploadProgress, false);

javascript 字符串方法传参

javascript 字符串方法传参由于嵌套的单引号,双引号过多.有点混乱.. 正确方法如下: '   <td align="left"><input type="button"  id="btnBack" value="确定" class="bigbt"  onclick="continuePassword(\''+cardnumber+'\')"/></

MyBatis dao层 方法传参

MyBatis dao层 方法传参有三种方法. 1. 以下标的方法获取参数. <update id="insertSuccessKilled">       INSERT ignore INTO success_killed(seckill_id,user_phone,state)VALUES (#{0},#{1},1) </update> 2. 以map作为dao方法中的参数,通过使用key和类型来获取参数. <select id=" sele

cocos2dx 菜单按钮回调方法传参 tag传参

.h文件 void menuCallBack(CCObject* pSender); .cpp CCMenuItemSprite* item = CCMenuItemSprite::create( menuCB1, menuCB2, this, menu_selector(helloworld::menuCallBack)); item->setTag(m); 回调方法 void helloworld::menuCallBack(CCObject* pSender) { CCNode* node

axios中post传参方式

最近做vue项目,做图片上传的功能,使用get给后台发送数据,后台能收到,使用post给后台发送图片信息的时候,vue axios post请求发送图片base64编码给后台报错HTTP 错误 414请求一直报错,显示 request URI too large后台显示一直没有收到数据 参数为null.网上查看了很多资料,才知道axios post传参的问题. this.$axios({ method: 'post', url:url, params: { is_iso:1, goods_id: