JS向URL中添加数据

最新推荐文章于 2023-05-18 15:53:33 发布
最新推荐文章于 2023-05-18 15:53:33 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37164847/article/details/80282861
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
</head>
<body>
<button id="aa">点击</button>
<script type="text/javascript">
var dianji=document.getElementById("aa");
dianji.οnclick=function(){
alert("点击");
addUrlPara("大海","Page01");
}
function addUrlPara(name, value) {  
   var currentUrl = window.location.href.split('#')[0]; 
   console.log(currentUrl);
   if (/\?/g.test(currentUrl)) {  
       if (/name=[-\w]{4,25}/g.test(currentUrl)) {  
           currentUrl = currentUrl.replace(/name=[-\w]{4,25}/g, name + "=" + value);  
       } else {  
           currentUrl += "&" + name + "=" + value;  
       }  
   } else {  
       currentUrl += "?" + name + "=" + value;  
   }  
   if (window.location.href.split('#')[1]) {  
       window.location.href = currentUrl + '#' + window.location.href.split('#')[1];  
   } else {  
       window.location.href = currentUrl;  
   }  
} 
</script>
</body>
</html>
大海无量波涛凶
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 追加url参数
高先生的猫
06-08 1358
export const appendQuery = (url, key, value) => { var options = key; if (typeof options == 'string') { options = {}; options[key] = value; } options = $.param(options); if (url.includes('?')) { url += '&'.
js向url中添加参数
热门推荐
zuo_hy的专栏
03-17 3万+
function addUrlPara(name, value) { var currentUrl = window.location.href.split('#')[0]; if (/\?/g.test(currentUrl)) { if (/name=[-\w]{4,25}/g.test(currentUrl)) { currentUrl = currentUrl.replace
JavaScript给URL追加参数
wx13699645464的博客
05-18 1207
【代码】JavaScript给URL追加参数。
js 请求URL 追加参数
bblonglp的博客
08-06 2500
function addQueryStringArg(url,name,value){ if(url.indexOf("?")==-1){ url+="?"; }else{ url+="&"; } url+=encodeURIComponent(name)+"="+encodeURIComponent(value); retu
JavaScript操作 url 中 search 部分方法函数
10-22
JavaScript中的URL操作是Web开发中常见且重要的任务，特别是在处理前端路由和动态数据传递时。在本文中，我们将深入探讨如何使用JavaScript操作URL中的`search`部分，即URL查询字符串。`search`部分包含了URL中以...
Node.js下向MySQL数据库插入批量数据的方法
12-16
在Node.js环境中，当需要高效地向MySQL数据库批量插入数据时，传统的循环插入方式往往会导致性能低下，因为每个插入操作都会触发一次与数据库的交互。为了解决这个问题，可以使用MySQL驱动提供的批量插入方法，这将...
javascript将url中的参数加密解密代码
10-25
在JavaScript中，有时我们需要对URL中的参数进行加密和解密，以确保数据的安全性，防止敏感信息被轻易读取。本文提供的代码片段就是用于实现这个目的的一个示例。让我们深入了解一下这段代码的工作原理和相关知识点...
JS实现动态生成表格并提交表格数据向后端
11-24
在JavaScript（JS）中动态生成表格并提交数据到后端是一项常见的前端开发任务，它涉及到DOM操作、事件处理以及与服务器的交互。以下是对这个过程的详细解释： 首先，为了实现动态生成表格，我们需要引入一个...
JS-向当前url追加参数
wang704987562的博客
11-29 2万+
JS-使用history的replaceState方法向当前url追加参数 var newurl = updateQueryStringParameter(window.location.href, 'sp', '2'); //向当前url添加参数，没有历史记录 window.history.replaceState({ path: newurl }, '', newurl); functio...
JS 修改URL参数(实现代码)
12-10
代码如下:function changeURLPar(url, ref, value) {    var str = “”;    if (url.indexOf(‘?’) != -1)        str = url.substr(url.indexOf(‘?’) + 1);    else        return url + “?” + ref + “=” + value;    var returnurl = “”;    var setparam = “”;    var arr;    var modify = “0”;    if (str.indexOf(‘&’) != -
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
09-03
给大家介绍javascript添加url参数方法，将参数加入到url中，涉及到url添加参数的相关知识，关于js添加url参数感兴趣的朋友可以参考下本
js为浏览器URL追加参数
qq_42660374的博客
03-17 1378
js为浏览器URL追加参数
JS添加修改URL参数
szy494620829的专栏
08-22 907
function ChangeParam(name, value) {         var url = window.location.href;         var newUrl = "";         var reg = new RegExp("(^|)" + name + "=([^&]*)(|$)");         var tmp = name + "=" + va
javascript 添加，修改 url中的参数
廖圣平
03-08 764
var url = 'http://mp.test/admin/MpStatistics/firmList.html?sldf=2323&amp;page=2323'; console.log(changeURLArg(url,'page','laji')) function changeURLArg(url,arg,arg_val){ var patt...
JS 设置或获取URL中的参数
AllanJane
05-20 1350
分别获取url中search或hash的参数 先贴代码 说明: type: 只能是search 或者 hash,对应url中window.location下的对应字段 这样的设计是因为如果js动态改变了url中search的部分,页面会刷新,而改变hash的部分不会导致页面刷新 (search就是url中井号(#)以前问号(?)以后的部分, hash是井号以后的部分, 如 www.test...
原生js实现demo---给当前页面url添加参数
你好，欢迎光临！
04-25 6715
回归原生 1.功能描述 当页面不是表单提交时，给当前页面url添加或者修改参数，可以通过此方式实现页面与页面之间的传参。 2.实现代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> </head> <b...
原生js根据url参数动态显示静态页面内容
Simple425的博客
12-23 3009
在项目中遇到需要把内容做静态化处理，只加载一个h5页面就可以显示内容，而不加载.css或.js等资源文件，来提高页面加载速度。页面展示的静态内容又分三种语言，因此需要做动态处理。例如url为：域名+/problem1.html，通过language参数决定加载具体语言的内容。中文：域名+/problem1.html?language=Chinese//默认显示中文 英文：域名+/problem1.h
js 设置与修改url参数的实现代码
jbxue123的专栏
07-08 3630
使用js设置url参数。 代码： // 获取地址栏的参数数组 function getUrlParams() { var search = window.location.search; // 写入数据字典 var tmparray = search.substr(1, search.length).split("&"); var paramsAr
java脚本弹出输入框,向数据库中添加数据
最新发布
05-26
你可以使用 JavaScript 和 AJAX 技术来实现这个功能。以下是一个简单的示例代码，可以在弹出输入框中输入数据并将其添加到数据库中。 HTML 代码： ``` <!DOCTYPE html> <html> <head> <title>添加数据</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <button onclick="addData()">添加数据</button> <script> function addData() { var data = prompt("请输入要添加的数据："); // 弹出输入框 if (data) { // 确认输入框有输入 $.ajax({ type: "POST", url: "addData.php", // 向服务器发送请求 data: { data: data }, // 发送数据 success: function(msg){ alert("添加成功！"); // 成功添加数据 }, error: function(){ alert("添加失败！"); // 添加数据失败 } }); } } </script> </body> </html> ``` JavaScript 代码： ``` function addData() { var data = prompt("请输入要添加的数据："); // 弹出输入框 if (data) { // 确认输入框有输入 $.ajax({ type: "POST", url: "addData.php", // 向服务器发送请求 data: { data: data }, // 发送数据 success: function(msg){ alert("添加成功！"); // 成功添加数据 }, error: function(){ alert("添加失败！"); // 添加数据失败 } }); } } ``` 在这个例子中，当用户点击“添加数据”按钮时，会弹出一个输入框，用户可以输入要添加到数据库中的数据。如果用户输入了数据，JavaScript 将使用 AJAX 技术向服务器发送请求，并将数据作为 POST 请求的参数发送给服务器。然后，服务器将处理数据并将其添加到数据库中。如果添加成功，JavaScript 将显示一个“添加成功”的消息框；否则，它将显示一个“添加失败”的消息框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值