精华内容
下载资源
问答
  • get传参

    2019-08-01 10:41:13
    { method: "get", headers:{ "Authorization": 'Token '+token, } }
     {
            method: "get",
            headers:{
                "Authorization": 'Token '+token,
            }
    }

     

    展开全文
  • get传参解析

    2014-10-12 22:25:34
    Word文档,get传参讲解,喜欢的朋友可以下载下来看看,讲的很不错
  • python flask get传参

    2019-02-13 19:26:50
    python flask get传参
                   
     # !/usr/bin/env python# -*- coding: utf-8 -*-from flask import Flask,requestfrom lib.Mojo.Client import *import chardetapp = Flask(__name__)##装饰器作用,是做一个URL与视图函数的映射@app.route('/api/SMSinfo/')def sms():   message = request.args.get('message')   print message   print '----------------'   print type(message)   print len(message)   print '----------------'   phone=request.args.get('phone')   print phone   a=New()   a.LoadDB(message,phone);   return message+str(phone)#print phone# return {"param":request.args.get('abc')}if __name__ == '__main__':   app.run(host='0.0.0.0',port=6001,debug=True)      [root@yyjk flask]# python mojo.py  * Running on http://0.0.0.0:6001/ (Press CTRL+C to quit) * Restarting with stat * Debugger is active! * Debugger PIN: 677-847-682中国----------------<type 'unicode'>2----------------1234567lib.Mojo.Client<lib.Mojo.Client.New object at 0x7fe80383ff50>2017-11-13 09:36:43.005064{'phone': u'1234567', 'message': u'\u4e2d\u56fd', 'stime': datetime.datetime(2017, 11, 13, 9, 36, 43, 5064)}10.5.100.232 - - [13/Nov/2017 09:36:43] "GET /api/SMSinfo/?message=中国&phone=1234567 HTTP/1.1" 200 -

               

    再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

    展开全文
  • 静态路由get传参 动态路由get传参

    本节知识点:

    1. 静态路由 get 传参;
    2. 动态路由 get 传参;
    3. js 实现内部路由跳转;

    为了演示路由跳转和传值,继续上次的【路由基本配置】继续分解,创建的组件分别是【header】,【home】,【set】和【more】,目录结构和依赖关系如下:

     1.基础准备:

    【app-routing.module.ts】路由配置:

    import { NgModule } from '@angular/core';
    import { Routes, RouterModule } from '@angular/router';
    
    /* 引入组件 */
    import { HomeComponent } from './components/home/home.component';
    import { MoreComponent } from './components/more/more.component';
    import { SetComponent } from './components/set/set.component';
    
    
    /* 配置路由 */
    const routes: Routes = [
      {path:'', pathMatch:'full', redirectTo:'home'},
      {path:'home',component: HomeComponent},
      {path:'set',component: SetComponent},
      {path:'more/:aid',component: MoreComponent} /* 动态路由配置 */
    ];
    
    @NgModule({
      imports: [RouterModule.forRoot(routes)],
      exports: [RouterModule]
    })
    export class AppRoutingModule { }

    【app.component.html】挂载头部组件和路由:

    <app-header></app-header>
    <router-outlet></router-outlet>

    【styles.scss】全局样式中编写点简单的样式:

    /* You can add global styles to this file, and also import other style files */
    body{
        margin: 0px;
        padding: 0px;
        background-color:#eff3f5;
    }
    
    .figure{
        background-color: orange;
        margin: 80px 0px 0px 0px;
        padding: 0px;
        height: auto;
    }

    2. 在头部组件中准备菜单导航栏:

    1.【header.component.html】导航栏布局:

    <header class="header">
        <!-- <nav>
          <ul>
            <li>
              <a title="home" target="_self" routerLink="/home" routerLinkActive="active">首页</a>
            </li>
            <li>
              <a title="set" target="_self" routerLink="/set" routerLinkActive="active">设置</a>
            </li>
            <li>
              <a title="more" target="_self" routerLink="/more" routerLinkActive="active">更多</a>
            </li>
          </ul>
        </nav> -->
      
        <nav>
          <ul>
            <li>
              <a href="#" title="home" target="_self" [routerLink]="['/home']" routerLinkActive="active">首页</a>
            </li>
            <li>
              <a href="#" title="set" target="_self" [routerLink]="['/set']" routerLinkActive="active">设置</a>
            </li>
            <li>
              <a href="#" title="more" target="_self" [routerLink]="['/more',123]" routerLinkActive="active">更多</a>
            </li>
          </ul>
        </nav>
      </header>
    
    
    

    2.【header.component.scss】编写样式:

    .header{
        /* 设置宽度高度背景颜色 */
        height: auto; /*高度改为自动高度*/
        width:100%;
        position: fixed; /*固定在顶部*/
        top: 0;/*离顶部的距离为0*/
        margin: 0px;
        background-color: rgba(117, 30, 95, 0.69);
    
        & li{
            list-style:none;
            float: left;
            text-align: center;
            float:left; /* 使li内容横向浮动,即横向排列  */
            margin-right:50px;  /* 两个li之间的距离*/
        }
        
        & li a{
            /* 设置链接内容显示的格式*/
            display: block; /* 把链接显示为块元素可使整个链接区域可点击 */
            color:white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none; /* 去除下划线 */
        }
        
        & li a:hover{
            /* 鼠标选中时背景变为黑色 */
            background-color: #111;
        }
    }

    3.在首页组件中准备演示代码:

    1.【home.component.ts】ts中代码:

    import { Component, OnInit } from '@angular/core';
    
    /* 1.引入Router,NavigationExtras */
    import { Router, NavigationExtras } from '@angular/router'; 
    
    @Component({
      selector: 'app-home',
      templateUrl: './home.component.html',
      styleUrls: ['./home.component.scss']
    })
    export class HomeComponent implements OnInit {
    
      public techStack:string[] = [];
      constructor(private outer:Router) { }
    
      ngOnInit(): void {
        this.techStack = ['.NET Core','C#','Angular','TypeScript','DataBase'];
      }
    
      /* 跳转到more组件 */
      goMore(): void{
        //2.js路由跳转,适合普通路由和动态路由, 只需引入 Router
        this.outer.navigate(['/more','404']); 
      }
    
      /* 跳转到set组件 */
      goSet(): void{
        //3.get跳转路由并传值,需引入 Router,NavigationExtras 
        let navExtr:NavigationExtras = {
          queryParams:{'id':'666','title':'xxx'},
          fragment:'anchor'
        };
        this.outer.navigate(['/set'],navExtr);
      }
    
    }

    2.【home.component.html】 页面准备代码:

    <figure class="figure">
        <h3>home works!</h3>
        <ul>
            <li>1.静态路由get传参</li>
            <li *ngFor="let item of techStack; let i=index;">
                <!-- 1.路由跳转,queryParams里面参数是object -->
                <a [routerLink]="['/set']" routerLinkActive="active" [queryParams]="{'aid':i,'val':item}">
                    {{item}} -------------- {{i}}
                </a>
            </li>
        </ul>
        <hr/>
        <ul>
            <li>2.动态路由get传参</li>
            <li *ngFor="let item2 of techStack; let key=index;">
                <a [routerLink]="['/more/',key]" routerLinkActive="active">
                    {{item2}} -------------- {{key}}
                </a>
            </li>
        </ul>
        <hr/>
        <ul>
            <li>3.js跳转路由</li>
            <li>
                <button (click)="goMore()">js跳转路由(普通)=》more</button>
            </li>
            <li>
                <button (click)="goSet()">js跳转路由(且传值)=>set</button>
            </li>
        </ul>
    </figure>

     运行如下所示:【ng serve --open】

     4.目标组件【set,more】接收传过来的参数值:

    注:为了区分演示路由传值,set组件接收静态路由传值,more组件接受动态路由传值;

    1.1【set.component.ts】实现代码:

    import { Component, OnInit } from '@angular/core';
    import { ActivatedRoute } from '@angular/router'; /* 1.1引入ActivatedRoute */
    
    @Component({
      selector: 'app-set',
      templateUrl: './set.component.html',
      styleUrls: ['./set.component.scss']
    })
    export class SetComponent implements OnInit {
    
      /* DI注册ActivatedRoute */
      constructor(private route:ActivatedRoute) { }
    
      ngOnInit(): void {
        //1.2接收静态路由get传值
        console.log(this.route.queryParams);
        //route.queryParams 对象也是基于【Observable】
        this.route.queryParams.subscribe((data:any)=>{
          console.log(data);
        });
      }
    
    }

    1.2【set.component.html】实现代码:

    <figure class="figure">
        <h3>set works!</h3>
        <ul>
            <li>我是【set】组件</li>
        </ul>
    </figure>

    2.1【more.component.ts】实现代码:

    import { Component, OnInit } from '@angular/core';
    import { ActivatedRoute } from '@angular/router'; /* 2.1引入ActivatedRoute */
    
    @Component({
      selector: 'app-more',
      templateUrl: './more.component.html',
      styleUrls: ['./more.component.scss']
    })
    export class MoreComponent implements OnInit {
    
      /* DI注册ActivatedRoute */
      constructor(private route:ActivatedRoute) { }
    
      ngOnInit(): void {
        //2.2接收动态路由get传值
        console.log(this.route.params);
        //route.params 对象也是基于【Observable】
        this.route.params.subscribe((data: any) => {
          console.log(data);
        });
      }
    
    }

    2.2【more.component.html】实现代码:

    <figure class="figure">
        <h3>more works!</h3>
        <ul>
            <li>我是【more】组件</li>
        </ul>
    </figure>

     以上就完成本节知识点演示,实现【静态路由】和【动态路由】的get传参以及内部 js 路由跳转。

    5.总结

    • 静态路由 get 传参;
    //1.【app-routing.module.ts】文件
    
    //1.1 引入组件:
    import { SetComponent } from './components/set/set.component';
    
    //1.2【Routes】路由配置:
    /* 配置路由 */
    {path:'set',component: SetComponent} //静态路由配置
    
    /*-------------------------------------------------------------------*/
    
    //2.目标组件【set】接收参数传值
    //2.1引入ActivatedRoute
    import { ActivatedRoute } from '@angular/router'; /* 引入ActivatedRoute */
    
    //2.2构造函数DI注册ActivatedRoute
    constructor(private route:ActivatedRoute) { }
    
    //2.3接收静态路由get传值
    ngOnInit(): void {
        //接收静态路由get传值
        console.log(this.route.queryParams);
        //route.queryParams 对象也是基于【Observable】
        this.route.queryParams.subscribe((data:any)=>{
          console.log(data);
        });
    }
    
    • 动态路由 get 传参;
    //1.【app-routing.module.ts】文件
    
    //1.1 引入组件:
    import { MoreComponent } from './components/more/more.component';
    
    //1.2【Routes】路由配置:
    /* 配置路由 */
    {path:'more/:aid',component: MoreComponent} //配置动态路由
    
    /*-------------------------------------------------------------------*/
    
    //2.目标组件【more】接收参数传值
    //2.1引入ActivatedRoute
    import { ActivatedRoute } from '@angular/router'; /* 引入ActivatedRoute */
    
    //2.2构造函数DI注册ActivatedRoute
    constructor(private route:ActivatedRoute) { }
    
    //2.3接收动态路由get传值
    ngOnInit(): void {
        //接收动态路由get传值
        console.log(this.route.params);
        //route.params 对象也是基于【Observable】
        this.route.params.subscribe((data: any) => {
          console.log(data);
        });
    }
    •  js 实现内部路由跳转;
    //1.【app-routing.module.ts】文件,同上需要配置基本路由规则;
    
    /*---------------------------------------------------------*/
    
    //2.由于演示js路由跳转是在home组件演示,所以在home组件实现以下步骤;
    //2.1 引入所需路由模块【Router,NavigationExtras】
    import { Router, NavigationExtras } from '@angular/router'; 
    
    //2.2 事件方法/函数实现跳转:
    /* 跳转到more组件 */
    goMore(): void{
        //2.js路由跳转,适合普通路由和动态路由, 只需引入 Router
        this.outer.navigate(['/more','404']); 
    }
    
    /* 跳转到set组件 */
    goSet(): void{
        //3.get跳转路由并传值,需引入 Router,NavigationExtras 
        let navExtr:NavigationExtras = {
          queryParams:{'id':'666','title':'xxx'},
          fragment:'anchor'
        };
        this.outer.navigate(['/set'],navExtr);
    }

     

    展开全文
  • js 获取url的get传参

    2019-11-13 16:32:33
    js可以使用字符串函数实现获取url的get传参 实现获取get传参的思路如下: 1:获取当前url 2:获取到?位置 3:将?后面的字符串截取出来获取到get传参信息 4:将截取出来的get传参信息进行处理获取到url的get参数 ...

    js可以使用字符串函数实现获取url的get传参

    实现获取get传参的思路如下:

    1:获取当前url

    2:获取到?位置

    3:将?后面的字符串截取出来获取到get传参信息

    4:将截取出来的get传参信息进行处理获取到url的get参数

    具体实现如下:

    //获取当前URL
    var url = document.location.href;
    //声明一个对象
    var getRequest = new Object();
    //获取?的位置
    var index = url.indexOf("?")
    if(index != -1) {
        //截取出?后面的字符串
        var str = url.substr(index + 1);
        //将截取出来的字符串按照&变成数组
        strs = str.split("&");
        //将get传参存入对象中
        for(var i = 0; i < strs.length; i++) {
            getRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
        }
    }
    console.log(getRequest)

     

    展开全文
  • axios之get传参

    千次阅读 2019-09-06 15:13:36
    最近遇到了get传参的几种格式,想在这里总结一下,有不对的可以告诉我,我会改的~ 后台说:以url的形式传参 先上图吧:看看后台的需求 这个是通过每页条数和页码获取用户列表,一般传参比较少的都是以url的形式传...
  • 包含: json传参,get传参,formdata传参 闲话不说 直接上代码 package com.isoftstone.tdappservice.util; import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONObject; import ...
  • //3,优化GET传参的restful方式 //GET方式访问: http://localhost:8080/car/insert?id=1&name=张三&age=18 //restful方式访问: http://localhost:8080/car/insert/1/张三/18 @RequestMapping("insert/{x...
  • web中的post、get传参

    千次阅读 2018-10-08 20:53:28
      CTF比赛中web题型里经常会见到post和get传参的题型,原理也很简单,在get传参的时候,要构造URL拿一道BugKu中的题来举个例子 很明显,只需要构造what=get,回车,即可得到答案。 在post传参的时候,也是看一下...
  • vue请求中 post get传参方式

    万次阅读 2019-04-23 20:03:48
    vue请求中 post get传参方式是不同的哦 我在学习vue,项目中post请求,get请求都用到了,我发现传参方式是不一样的。 post请求的例子: checkin (){ this.$http.post('my url',{ mobilePhone:this.phone, pass...
  • 普通Http请求Get传参 处理"emp/addEmp?empno=99&name=java&job=stu" // 普通Http请求Get传参 @RequestMapping("/emp/addEmp") @ResponseBody public Emp addEmp(Integer empno, String ename, String job)...
  • BugKu中web题型之post,get传参

    千次阅读 2018-07-21 21:20:59
    BugKu中web题型之post,get传参  CTF比赛中web题型里经常会见到post和get传参的题型,原理也很简单,在get传参的时候,要构造URL拿一道BugKu中的题来举个例子 很明显,只需要构造what=get,回车,即可得到答案。...
  • vue resource get 传参失败的原因 window.onload = function () { var app = new Vue({ el: ".box", data: { }, methods: { get: function ()...
  • linux curl get 传参

    2015-10-10 09:49:00
    curl ...count=$wc_count\&fileName=\&date=$day linux curl get 传参 需要对&经行转义 不转义为后台运行 转载于:https://www.cnblogs.com/feelgood/p/4865893....
  • 1.get传参 (1)汉字报错 :解释器ascii没有汉字 url汉字转码 final_url= urllib.parse.quote(str_url,safe=string.printable) (2)字典传参 params={ "wd":"中文", "key":"张", "value":"三" } str_params=...
  • 原生js中用Ajax进行get传参  案例:  <!DOCTYPE html> <html>  <head>  <meta charset="UTF-8">  <title></title>  <style>  input{  ...
  • 项目使用SSM项目架构,Spring MVC中文过滤器只能过滤POST请求,网上大部分教程通过修改Tomcat配置文件修改get传参时中文乱码问题: &lt;Connector connectionTimeout="20000" port="8080"...
  • """使用requests库 在这里爬取百度搜索的端午节页面(使用request库进行get传参)"""import requestsimport chardeturl = "https://www.baidu.com/s?"headers = {"User-Agent":"Mozilla/5.0 (Windows NT 10.0;...
  • 解决axios中get传参为嵌套对象时返回400错误 错误原因: 400:传参错误,所以是axios解析多层对象异常 解决办法: 安装qs插件来帮助解析参数 实例: 安装: npm i qs yarn add qs 引入: import qs from ‘qs’ ...
  • Apache ab测试工具使用方法(无参、get传参、post传参) Ab测试工具是apache自带的测试工具,具有简单易上手的特性,下面我总结一下我的使用方法,首先去官方下载apache程序包,我下的最新版本apache2.4.23,...
  • 【HTTP】GET传参最大长度的理解误区

    千次阅读 2018-01-16 10:23:11
    GET传参最大长度的理解误区 时间:2016-10-17 14:59:38 作者:zhongxia 原文地址:https://github.com/zhongxia245/blog/issues/35 零、总结 文章数据来源于网络,可能存在变动,但是原理是一样的。 HTTP ...
  • get传参特殊字符处理 name = encodeURIComponent(name); JSON.parse特殊字符处理 newlayerstr = jsonString(newlayerstr) /** * json处理特殊字符 */ function jsonString(jsonObjString) { ...
  • axio get传参

    千次阅读 2019-03-07 10:59:19
    封装的axios是这样的。...get方式传参。参数直接接在url路径的后面。一共有三个参数。没有值时这个参数不传。 访问的接口是这样的。http://api.wkzj.com/enrolstudent/paperexport/batchexport?username=张三&a...
  • 在项目中,idea启动测试正常,部署在linux服务器上时出现get传参乱码问题 由于本人比较懒,既不想改后台java代码,也不想动js,所有在启动时添加 -Dfile.encoding=utf-8 问题解决。 java -Dfile.encoding=utf-8 -jar...
  • 转自Apache ab测试工具使用方法(无参、get传参、post传参) Ab测试工具是apache自带的测试工具,具有简单易上手的特性,下面我总结一下我的使用方法,首先去官方下载apache程序包,我下的最新版本apache2.4.23,...
  • JS部分代码 <script> //假如当前页面的链接是 ...uid=1; //将GET传过来的值转为数组 function get(keyword) { var reg = new RegExp("(^|&)"+keyword+"=([^&]*)(&|$)", "i"); var r = wind...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,159
精华内容 1,663
关键字:

get传参