js通过地址栏给action传值(中文乱码全是问号)

当我们通过地址栏传递参数给 action 时,由于中文默认编码方式是 UTF-8,而 action 接收到的参数为 GBK 编码方式,导致中文乱码问题。下面是完整的攻略步骤:

1. 使用 JavaScript 的 escape() 函数编码传递的中文参数

escape() 函数可以将字符串进行编码,使其在传输时不受特殊字符的影响。我们可以将要传递的中文参数使用 escape() 函数编码,从而避免中文乱码问题。

示例:

<a href="action.php?username=张三&id=123">点击传递参数</a>

如上所示,我们需要传递中文参数 “张三”,我们可以使用 escape() 函数进行编码:

<a href="action.php?username=%u5F20%u4E09&id=123">点击传递参数</a>

2. 使用 JavaScript 的 encodeURIComponent() 函数编码传递的中文参数

encodeURIComponent() 函数可以将字符串进行编码,并且会对所有特殊字符进行编码,包括 ? & / : # 等。我们可以使用 encodeURIComponent() 函数编码中文参数,避免出现乱码问题。

示例:

<a href="action.php?username=赵四&id=456">点击传递参数</a>

如上所示,我们需要传递中文参数 “赵四”,我们可以使用 encodeURIComponent() 函数进行编码:

<a href="action.php?username=%E8%B5%B5%E5%9B%9B&id=456">点击传递参数</a>

以上两种方法均可以避免传递中文参数时出现乱码问题,可以根据项目需求选择适合的方法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js通过地址栏给action传值(中文乱码全是问号) - Python技术站

(0)
上一篇 2023年5月19日
下一篇 2023年5月19日

相关文章

  • JavaScript中执行上下文和执行栈

    JavaScript中执行上下文和执行栈是理解JavaScript运行机制的重要概念。在深入学习JavaScript前端开发时,必须对这些概念有一个清晰的理解。下面是JavaScript中执行上下文和执行栈的完整攻略。 执行上下文 执行上下文是JavaScript中一种抽象概念,用于描述JavaScript代码执行期间的上下文环境。每次JavaScript代…

    JavaScript 2023年5月28日
    00
  • js实现各种复制到剪贴板的方法(分享)

    下面是js实现各种复制到剪贴板的方法的攻略: 一、前置知识 为了实现复制到剪贴板的功能,必须要掌握以下前置知识: Clipboard API:一种新的Web API,提供了操作剪贴板的标准接口,并且被主流浏览器所支持。 execCommand()方法:一种旧的Web API,已经被废弃,但是在Clipboard API出现之前是实现复制到剪贴板的常用方法。 …

    JavaScript 2023年6月11日
    00
  • Javascript入门学习第六篇 js DOM编程第2/2页

    关于“Javascript入门学习第六篇 js DOM编程第2/2页”的攻略,我会从以下几个方面进行详细讲解: DOM编程是什么? 如何获取DOM元素? 如何修改DOM元素的属性和内容? 如何动态创建或删除DOM元素? 示例说明。 首先我们来了解一下什么是DOM编程。 DOM编程是什么? DOM全称为“Document Object Model”,翻译为文档…

    JavaScript 2023年5月27日
    00
  • vue 获取url里参数的两种方法小结

    下面我将为您详细讲解“vue 获取url里参数的两种方法小结”的完整攻略。 一、 获取参数的两种方法 方法一:使用正则表达式 这种方法需要使用正则表达式来获取url里的参数,步骤如下: 获取当前页面的url let url = window.location.href; 编写正则表达式,获取url里的参数 假设我们要获取名为“id”的参数,正则表达式如下: …

    JavaScript 2023年6月11日
    00
  • JavaScript splice()方法详解

    JavaScript splice()方法详解 简介 JavaScript中的splice()方法是用于修改数组的方法之一。可以用它来添加、删除或替换数组的元素。splice()方法允许您使用起始索引和结束索引来确定要操作的一系列元素。 splice()方法的语法如下: array.splice(start, deleteCount, item1, item…

    JavaScript 2023年5月18日
    00
  • js读取csv文件并使用json显示出来

    下面是 JS 读取 CSV 文件并使用 JSON 显示的攻略: 1. CSV 文件格式 CSV(Comma Separated Values,逗号分隔值)格式是一种通用的电子表格格式,也是在 Web 开发中常用的数据格式之一。CSV 文件以纯文本方式存储,文件由一行行数据组成,每行数据由多个字段组合而成,字段之间使用逗号(,)分隔。 一个简单的 CSV 文件…

    JavaScript 2023年5月27日
    00
  • JavaScript中的方法重载实例

    下面是关于JavaScript中的方法重载实例的完整攻略。 什么是方法重载 方法重载指的是在同一个作用域下,为一个函数定义多个参数列表的函数,这些函数被称为重载函数。当函数被调用时,会根据传入的参数类型和数量的不同,自动选择执行对应的重载函数。在JavaScript中,由于没有类型声明,方法重载需要借助函数内部的判断逻辑来实现。 实现方法重载 实现方法重载的…

    JavaScript 2023年6月11日
    00
  • 详解javascript函数写法大全

    详解JavaScript函数写法大全是一篇包含了众多 JavaScript 函数使用和写法范例的文档,让开发人员能够更好地理解和运用 JavaScript 函数。下面我将分为四个部分详细讲解这篇攻略。 一、函数声明和函数表达式 JavaScript 中函数的写法主要分为函数声明和函数表达式两种方式。 函数声明 使用 function 关键字定义的函数叫函数声…

    JavaScript 2023年5月17日
    00
合作推广
合作推广
分享本页
返回顶部