js获取url参数

手把手带你使用JS-SDK自定义微信分享效果

匿名 (未验证) 提交于 2019-12-03 00:22:01
前言 刚进入一家新公司,接到的第一个任务就是需要需要自定义微信分享的效果(自定义缩略图,标题,摘要),一开始真是一脸懵逼,在网上搜索了半天之后大概有了方案。值得注意的是一开始搜索到的解决方案全是调用微信的自带的JS-SDK,然而腾讯是不会让广大吃瓜群众这么轻而易举的调用他们的东西的。微信开发团队已经把调用的权限收回,现在无法直接在页面直接调用JS-SDK了。话不多说,直接上干货。 预期效果 原始的分享效果: 使用微信JS-SDK的分享效果: 可以看出缩略图,标题,摘要样式良好,给用户的体验很好。 准备工作 微信官方开发者文档地址: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 现在的思路已经很明确了,就是 通过调用微信的JS-SDK实现自定义分享效果 。但是这个调用过程比较繁琐,需要提前准备如下东西: (1)微信服务号一个,并且已经通过了实名认证;    没有实名认证的话,一些接口没有调用权限。 (2)一个ICP备案的域名; 这个域名需要设置为微信公众号后台的JS接口安全域名,否则微信仍然不允许调用它的接口。 这时大家应该就犯难了,这样的话岂不是不能在本地测试,只能部署到生产环境才能测试?不用着急,解决方案告诉大家: 花生壳的内网穿透服务 (收费,20元以内) 花生壳官网: http://hsk

vue中获取url参数

匿名 (未验证) 提交于 2019-12-03 00:09:02
1、路由获取 this.delivery_asn = this.$route.query.delivery_asn; 2、非路由获取 (1)在js文件中写方法 export function getUrlKey(name,url){   return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(url) || [, ""])[1].replace(/\+/g, '%20')) || null } (2)在项目文件中引入 import { getUrlKey } from '@/utils'; (3)在项目文件中使用     如果url中参数base64编码    let path = window.location.href.split("?") //分割url   let href = path[0]+"?"+path[1]   href = path[0]+"?"+ query //解码后重组 来源:博客园 作者: 木子小猿 链接:https://www.cnblogs.com/required/p/11543652.html

js获取 URL 中的参数

匿名 (未验证) 提交于 2019-12-03 00:08:02
js获取 URL 中的参数 第一种方法: var urlParams = new URLSearchParams ( '?post=1234&action=edit' ); console . log ( urlParams . get ( 'action' )); // "edit" View Code 第二种方法: function getQueryVariable ( variable ) { var query = window . location . search . substring ( 1 ); var vars = query . split ( "&" ); for ( var i = 0 ; i < vars . length ; i ++) { var pair = vars [ i ]. split ( "=" ); if ( pair [ 0 ] == variable ){ return pair [ 1 ];} } return ( false ); } View Code url 实例: http : //www.runoob.com/index.php?id=1&image=awesome.jpg 调用 getQueryVariable("id") 返回 1。 调用 getQueryVariable("image") 返回 "awesome

web爬虫讲解―Scrapy框架爬虫―Scrapy爬取百度新闻,爬取Ajax动态生成的信息

匿名 (未验证) 提交于 2019-12-02 23:57:01
crapy爬取百度新闻,爬取Ajax动态生成的信息,抓取百度新闻首页的新闻rul地址 有多网站,当你浏览器访问时看到的信息,在html源文件里却找不到,由得信息还是滚动条滚动到对应的位置后才显示信息,那么这种一般都是 js 的 Ajax 动态请求生成的信息 我们以百度新闻为列: 1、分析网站 首先我们浏览器打开百度新闻,在网页中间部分找一条新闻信息 然后查看源码,看看在源码里是否有这条新闻,可以看到源文件里没有这条信息,这种情况爬虫是无法爬取到信息的 那么我们就需要抓包分析了,启动抓包软件和抓包浏览器,前后有说过软件了,就不在说了,此时我们经过抓包看到这条信息是通过Ajax动态生成的JSON数据,也就是说,当html页面加载完成后才生成的,所有我们在源文件里无法找到,当然爬虫也找不到 如果你依然在编程的世界里迷茫,可以加入我们的Python学习扣qun:784758214,看看前辈们是如何学习的。交流经验。从基础的python脚本到web开发、爬虫、django、数据挖掘等,零基础到项目实战的资料都有整理。送给每一位python的小伙伴!分享一些学习的方法和需要注意的小细节,点击加入我们的 python学习者聚集地 我们首先将这个JSON数据网址拿出来,到浏览器看看,我们需要的数据是不是全部在里面,此时我们看到这次请求里只有 17条信息,显然我们需要的信息不是完全在里面

js中获取当前url路径

匿名 (未验证) 提交于 2019-12-02 21:53:52
可以使用 window.location 获取当前页面url。以下是一些简单应用。 <script> $(function(){ // 返回 web 主机的域名,如:http://127.0.0.1:8080/testdemo/test.html?id=1&name=test var url = window.location.href; // 返回当前页面的路径和文件名,如:/testdemo/test.html var pathname = window.location.pathname; // 返回 web 主机的端口,如:8080 var port = window.location.port; // 返回所使用的 web 协议,如:http: var protocol = window.location.protocol; // 获取参数,如:?id=1&name=test var search = window.location.search; // 获取指定参数值 var id = getUrlParam('id'); // 1 var name = getUrlParam('name'); // test }); function getUrlParam(name) { // 取得url中?后面的字符 var query = window.location

微信扫码登陆(JAVA)

匿名 (未验证) 提交于 2019-12-02 21:53:52
  在web端用到weChat扫码登录,在手机扫码登陆成功后,跳转到相应的界面。 1、第一步请求code   调用接口:https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect;    参数信息说明: 参数 是否必须 说明 appid 是 应用唯一标识 redirect_uri 是 请使用urlEncode对链接进行处理 response_type 是 填code scope 是 应用授权作用域,拥有多个作用域用逗号(,)分隔,网页应用目前仅填写snsapi_login即 state 否 用于保持请求和回调的状态,授权请求后原样带回给第三方。该参数可用于防止csrf攻击(跨站请求伪造攻击),建议第三方带上该参数,可设置为简单的随机数加session进行校验 前端代码信息如下(通过后台controller层返回url,来显示二维码): <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微信扫码登录</title> <script type="text/javascript"

第3次作业-MOOC学习笔记:Python网络爬虫与信息提取

会有一股神秘感。 提交于 2019-12-02 20:03:19
1.注册中国大学MOOC 2.选择北京理工大学嵩天老师的《Python网络爬虫与信息提取》MOOC课程 3.学习完成第0周至第4周的课程内容,并完成各周作业 4.提供图片或网站显示的学习进度,证明学习的过程。 5.写一篇不少于1000字的学习笔记,谈一下学习的体会和收获。 【第一周】网络爬虫之规则 Requests是用Python语言编写的,基于urllib3来改写的,采用Apache2 Licensed 来源协议的HTTP库。 它比urllib更加方便,可以节约我们大量的工作,完全满足HTTP测试需求。 一句话---Python实现的简单易用的HTTP库。 网络爬虫的实质,其实是从网络上“偷”数据。通过网络爬虫,我们可以采集到所需要的资源,但是同样,使用不当也可能会引发一些比较严重的问题。 因此,在使用网络爬虫时,我们需要做到“盗亦有道”。 网络爬虫主要分为以下三类: 1. 小规模,数据量小,爬取速度不敏感;对于这类网络爬虫我们可以使用Requests库来实现,主要用于爬取网页; 2. 中规模,数据规模较大,爬取速度敏感;对于这类网络爬虫我们可以使用Scrapy库来实现,主要用于爬取网站或系列网站; 3. 大规模,搜索引擎,爬取速度关键;此时需要定制开发,主要用于爬取全网,一般是建立全网搜索引擎,如百度、Google搜索等。 在这三种中,我们最为常见的是第一种

js获取URL中的参数方法

こ雲淡風輕ζ 提交于 2019-12-02 14:56:42
方法1:通过正则匹配获取 function getUrlParam(name) { var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)" ); var r = window.location.search.substr(1 ).match(reg); if (r != null ) return decodeURI(r[2 ]); return null } 方法2: function getUrlParameter(url, parameter) { var urlPara = url.split("?" ); var urlParas = urlPara[1].split("&" ); var arr,para; for ( var i = 0; i < urlParas.length; i ) { arr = urlParas[i].split('=' ); if (arr[0] == parameter) { para = arr[1 ]; } } return para; } 更多专业前端知识,请上 【猿2048】www.mk2048.com 来源: https://blog.csdn.net/qq_45670012/article/details/102778117

微信公众号授权H5网站发起JSAPI支付的开发流程

女生的网名这么多〃 提交于 2019-12-02 05:29:26
一、概述: 用户进入微信公众号,点击访问H5网站链接,H5网站发起微信第三方授权登录,授权后跳转到H5网站进行微信支付操作。 二、业务配置项准备: 配置项 描述 注册微信公众号 微信公众号需要认证,认证后才会有相关开发接口权限 注册微信商户号 微信商户号开通后,会有appid、mch_id、key等信息提供 开通微信支付权限 登录商户平台,将商户号和公众号绑定,产品中心->appID授权管理 配置网页授权域名 登录微信公众平台,开发->接口权限->网页服务->网页授权->修改 配置jsapi安全域名 登录微信公众平台,设置->公众号设置->功能设置->JS接口安全域名->修改 配置支付安全目录 登录微信商户平台,产品中心->开发配置,目录要设置到当前访问连接的上一级 三、开发流程 1、网页授权 参考《微信开放文档 —— 网页授权》 第一步:修改授权回调域名 在微信公众号请求用户网页授权之前,开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中,修改授权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,因此请勿加 http:// 等协议头。 第二步:引导用户进入授权页面同意授权,获取code 在确保微信公众账号拥有授权作用域(scope参数)的权限的前提下(服务号获得高级接口后

ES6总结

眉间皱痕 提交于 2019-12-01 08:50:43
请看下面 1、 let关键字 ,let定义的变量只在它所在的块级作用域有用({}内有用),let不能在同一个作用域中重复定义,let没有声明提升 。 2、 const关键字 ,用于声明一个常量,一旦定义 就不能改变值 必须得有初始值 也就是常量只要定义就必须要赋值。 3、 解构赋值 ,一种新的变量赋值方式。常用于交换变量值,提取数据,用解构赋值保存 常问的有: ①数组的解构赋值:let a=10,b=20;[a,b]=[b,a] ==》交换变量 ②对象的解构赋值:(提取数据) let data={name:"xiaoming",age:18,sex:"nan"}; let {name,sex}=data; console.log(name,sex);//xiaoming nan ③字符串的解构赋值: let [d,e,f]="he"; console.log(d,e,f)//h e undefined ④当一个函数有多个返回值的时候 用解构赋值保存 function fun1(){ return [1,2]; } let [x,y]=fun1(); console.log(x,y)//1,2 4、 for...of遍历 es6中新增的循环 for-of for of循环 可以循环数组和类数组对象,可以直接拿到数组的每一项 也可以使用break和continue, 但是