2301_78618908 2023-11-25 23:44 采纳率: 12.5%
浏览 4

GET方法提交表单数据

这段代码运行后的页面应该没有变只是URL地址栏中会显示文本框信息，但是为什么我点运行之后变成了这个页面啊


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/72196862900713.png "#left")

</head>

<body>
<form name="form1" method="GET" action="index.php">
<table width="352" border="0" cellpaddlling="0" cellspacing="0">
<tr>
<td width="352" height="30">用户名:
<input name="user" type="text" size=12 />
<input name="pwd" type="password" id="pwd" size="12" />
<input type="submit" name="submit" value="提交" />
</td>
</tr>
</table>
</form>
</body>
</html>

img

  • 写回答

2条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2023-11-26 09:26
    关注

    【相关推荐】



    • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/790730
    • 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：提取URL中的各个GET参数
    • 除此之外, 这篇博客: 前端面试常考代码题中的 写代码获取url的GET参数 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

      方法一：采用正则表达式

      function getQueryString(name) {
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");// 正则语句
    let r = window.location.search.substr(1).match(reg);// 获取url的参数部分，用正则匹配
    if (r != null) {
        return decodeURIComponent(r[2]); // 解码得到的参数
    };
    return null;
 }

      方法二：split拆分法

      function GetRequest() {
   const url = location.search; //获取url中"?"符后的字串
   let theRequest = new Object();
   if (url.indexOf("?") != -1) { // 判断是否是正确的参数部分
      let str = url.substr(1); // 截取参数部分
      strs = str.split("&");  // 以‘&’为分割符获取参数数组
      for(let i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}

      split拆分法(易于理解，代码中规)

      function getQueryVariable(variable){
       let query = window.location.search.substring(1); // 获取url的参数部分
       let vars = query.split("&"); // 以‘&’为分割符获取参数数组
       for (let i=0;i<vars.length;i++) { // 遍历数组获取参数
               let pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

      function getUrlParam(sUrl, sKey) {
    let sParam = sUrl.split('?')[1].split('#')[0]; // 获取到含有地址的字符串
    let pArr = sParam.split('&'); // 分解字符串
    if (sKey) { // 筛选查找
        var newArr = [];
        pArr.forEach(function (elm, ind) {
            if (elm.split('=')[0] == sKey) { // 满足条件添加进新数组
                newArr.push(elm.split('=')[1]);
            }
        });
        if (newArr.length == 1) {
            return  newArr[0]; // 单个数据返回字符串
        }else if (newArr.length == 0) {
            return ""; // 不满足条件返回空字符串
        }else {
            return newArr; // 返回新数组
        }
    } else { // 无筛选条件
        if (!sParam) { // 字符串为空返回空对象
            return {}; 
        }else {
            var newObj = {};
            pArr.forEach(function (elm, ind) {
                if (!(elm.split('=')[0] in newObj)) {
                    newObj[elm.split('=')[0]] = []
                }
                newObj[elm.split('=')[0]].push(elm.split('=')[1]) // 满足条件添加到对应的键值对中
            });
            return newObj // 返回新对象
        }

    };
}

    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题？

问题事件

  • 创建了问题 11月25日

悬赏问题

  • ¥15 curl 命令调用正常，程序调用报 java.net.ConnectException: connection refused
  • ¥20 关于web前端如何播放二次加密m3u8视频的问题
  • ¥20 spring boot集成mqtt的使用问题
  • ¥15 使用百度地图api 位置函数报错？
  • ¥15 metamask如何添加TRON自定义网络
  • ¥66 关于川崎机器人调速问题
  • ¥15 winFrom界面无法打开
  • ¥30 crossover21 ARM64版本安装软件问题
  • ¥15 mymetaobjecthandler没有进入
  • ¥15 mmo能不能做客户端怪物