从URL取值传给后端

这篇具有很好参考价值的文章主要介绍了从URL取值传给后端。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

http://127.0.0.1:8080/blog_content.html?id=8

点击浏览文章详情,跳转至详情页面从URL取值传给后端,项目,js

从 url 中拿出文章 id,传给后端

  • 首先拿到url
  • 然后判断是否有值,从问号后面取值
  • params.split('&')& 作为分割
  • 然后遍历字符数组 paramArr[i].split("="),又用 =等号 分割键和值
  • 判断 key 和传过来的 key 是否一样,一样就返回该 key 对应的 value 值
     function getURLParam(key){
                var params = location.search;
                if(params.indexOf("?") >=0){//返回问号在字符串中第一次出现的位置,大于等于0说明问号存在
                    params = params.substring(params.indexOf("?")+1);//截取问号后面的参数
                    var paramArr = params.split('&');//使用&作为分割符
                    for(var i=0; i<paramArr.length;i++){
                        var namevalues = paramArr[i].split("=");
                        if(namevalues[0]==key){
                            return namevalues[1];
                        }
                    }

                }else{
                    return "";
                }
            }

 function getArtDetail(){
                //从 url 中获取到文章的id
                var aid = getURLParam("id");
                if(aid != null && aid >0){

                //访问后端,更新访问量
                    jQuery.ajax({
                         url:"/art/setrcount",
                         type:"POST",
                         data:{"aid":aid},
                         success:function(result) {   
                        }
                    });
                    //访问后端查询文章详情
                    jQuery.ajax({
                        url:"/art/detail",
                        type:"POST",
                        data:{"aid":aid},
                        success:function(result){
                            if(result.code ==200 && result.data != null){
                                var art = result.data;
                                jQuery("#title").text(art.title);
                                jQuery("#data").text(art.createtime);
                                jQuery("#rcount").text(art.rcount);
                                editormd = editormd.markdownToHTML("editorDiv",{
                                    markdown:art.content
                                });
                                myInfo(art.uid);
                            }
                        }
                    });

                    }
            }    
            getArtDetail();//调用这个方法
   

因为这个方法经常使用,因此将他封装成一个工具方法,使用的时候调用即可

从URL取值传给后端,项目,js
从URL取值传给后端,项目,js文章来源地址https://www.toymoban.com/news/detail-628713.html

到了这里,关于从URL取值传给后端的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue调用摄像头录制视频和音频并上传给后端或下载到本地

    调用摄像头 开始结束录制 对录像时长进行记录 停止录像时终止录制器,关闭媒体流并清除时长记录定时器 回放 下载视频 指定且只能指定,下载后的默认文件名字和文件后缀。注意,可以不指定后缀名,浏览器会根据数据类型自动为其匹配后缀名,但是最好指定后缀。 下载

    2024年02月15日
    浏览(73)
  • 使用django的APP在前端上传excel通过post传给后端读取并打印

    备研了,博客许久未更了,但是学期末的大作业,遇到了问题并成功解决了,不得不记录一下。 传数据表单必不可少 input用于文件类的上传,相当于先让前端收到这份文件 button用于表单的发送(submit 提交很好理解) 表单中的 action=“/insurance/upload_result” 表明我们要将文件数

    2024年02月10日
    浏览(76)
  • vue关于echarts后端返回格式取值方法

    在vue中,接口返回如下数据: data: {充电桩: [0, 0, 78], 红外摄像头: [0, 0, 0], 火焰探测器: [0, 1, 0], 烟雾传感器: [0, 1, 1], 限流保护器: [0, 0, 1]}, 其中数组里第一个值应该放在data1,第二个放在data2,第三个放在data3,应该怎么做?  一、 可以使用解构赋值(destructuring assignment)将

    2023年04月17日
    浏览(28)
  • springboot:时间格式化的5种方法(解决后端传给前端的时间格式转换问题)推荐使用第4和第5种!

    本文转载自:springboot:时间格式化的5种方法(解决后端传给前端的时间显示不一致)_为什么前端格式化日期了后端还要格式化_洛泞的博客-CSDN博客 为了方便演示,我写了一个简单 Spring Boot 项目,其中数据库中包含了一张 userinfo 表,它 的组成结构和数据信息如下:  项目目

    2024年02月10日
    浏览(46)
  • 在视频中选定/截取部分区域画面,然后将左上角坐标百分比和选定区域宽高所占百分比传给后端

    在视频中选定部分区域,然后将左上角坐标百分比和选定区域宽高所占百分比传给后端 播放 flv 格式视频 点击“截取”按钮,将视频当前画面截取为一张图片并回显图片, 使用 Cropper 插件截取图片部分区域(可以获取到截取图片左上角点坐标和截取部分的宽高) cropperjs 参数

    2024年02月03日
    浏览(37)
  • JS输出为[object object]取值问题

    传参前数据能打印出来,传参后显示[object object]且无法取值 传递 接收后端返回的json对象通常是一个字符串类型的object 所以 通过 JSON.stringify() 把 JavaScript 对象转换为字符串。 接收 在从 web 服务器接收数据时,数据永远是字符串。 通过 JSON.parse() 解析数据,这些数据会成为

    2024年02月02日
    浏览(75)
  • Django项目页面样式如何“传给”客户端浏览器

    django项目在视图函数中借助 render 函数可以返回HTML页面,但是HTML页面中如果引入了外部CSS文件或者JavaScript文件在浏览器页面无法加载,因此就必须有一种方式能够将HTML文档中引入的外部文件能够在客户端浏览器上加载,这种方式就是配置静态文件。 静态文件就是前端已经写

    2024年02月02日
    浏览(49)
  • js 关于 replace 取值、替换第几个匹配项

    在日常开发中,经常遇到针对字符串的替换、截取,知识点比较碎容易混淆,特此总结一下,仅供参考。  当直接在被替换字符串恰后加上 / 时,不添加修饰符,就等同于直接字符串替换。  格式:/待替换的字符串/g、/待替换的字符串/mgi。   g:执行全局匹配,替换全部匹

    2024年02月06日
    浏览(42)
  • 后端获取来访url

    先说一下:后端是没有办法获取前端来访路径的:a.com访问到b.com,你的程序是b.com,你想获取a.com这个路径,在java后端是获取不到的,反正我网上搜了好久,用了好多种方法都没有获取到,如果有哪位大佬知道,尽管来踢 好现在说一下我自己的解决方案: 比如:用户从a.co

    2024年01月16日
    浏览(31)
  • 后端返回URL,前端如何实现下载

    1. 在实际开发过程中,实现文件下载功能,后端一般是返回一个文件流,我们只需要拿到这个文件流后,再使用 new Blob转化成blob格式 的数据,然后 创建一个a链接元素 进行下载就行了: (“本段代码是之前写案例时从别处copy的,都有注释省了自己写,哈哈哈,侵删”) 2. 但

    2024年02月04日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包