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日

相关文章

  • 关于TypeScript开发的6六个实用小技巧分享

    下面我将为您详细讲解“关于TypeScript开发的6六个实用小技巧分享”的完整攻略。 1. 引入类型声明文件 在使用第三方库时,通常需要使用类型声明文件(.d.ts)来规范代码。在 TypeScript 中,我们通过 /// <reference types=”…” /> 指令来引入类型声明文件。 例如,引入 jQuery 的类型声明文件:…

    JavaScript 2023年5月19日
    00
  • 24个实用JavaScript 开发技巧

    24个实用JavaScript开发技巧攻略 简介 这是一个介绍实用 JavaScript 开发技巧的攻略。本文将让你掌握更多优秀的JavaScript技巧,使你在开发中表现的更加出色。文章包含示例说明和详细讲解。 1. 使用 console.time() 和 console.timeEnd() 来计算代码执行时间 在 JavaScript 开发中,有时候需要…

    JavaScript 2023年5月27日
    00
  • 提交表单时执行func方法实现代码

    当用户提交表单时,我们可以使用JavaScript中的addEventListener方法或者onsubmit属性来绑定一个回调函数来实现代码逻辑。以下是实现步骤: 1. 编写HTML表单 首先需要编写一个HTML表单: <form id="myForm"> <input type="text" na…

    JavaScript 2023年6月10日
    00
  • 使用Entrust扩展包在laravel 中实现RBAC的功能

    使用Entrust扩展包可以在Laravel中很容易地实现RBAC功能。下面是实现该功能的完整攻略: 1. 安装Entrust扩展包 在Laravel项目中使用Composer安装Entrust扩展包。在命令行运行以下命令: composer require zgldh/entrust 2. 配置Entrust扩展包 接着,你需要在laravel项目中进行配…

    JavaScript 2023年6月10日
    00
  • 浅谈javascript中的Function和Arguments

    关于”浅谈JavaScript中的Function和Arguments”这个话题,我会讲解如下: Function 在 JavaScript 中,Function 是一个构造函数,可以用来创建函数。它包含一个函数体和参数列表: function myFunction(a, b) { return a + b; } 在上面这个示例中,myFunction 就是…

    JavaScript 2023年5月27日
    00
  • Javascript基础教程之数据类型 (字符串 String)

    Javascript基础教程之数据类型(字符串 String) 什么是字符串? 在JavaScript中,字符串是由任何字符组成的一组字符。字符串可以是字母、数字、标点符号等,甚至可以包含空格或其他特殊字符。字符串是JavaScript中最常用的数据类型之一。 JavaScript中的字符串是Unicode字符集中的16位编码单元序列。这意味着每个字符都是由…

    JavaScript 2023年5月28日
    00
  • 一个网站部署多个Google Analytics帐户

    下面我将为你详细讲解如何在一个网站上部署多个Google Analytics帐户。 1.背景介绍 Google Analytics是一款功能强大的网站分析工具,它可以帮助网站管理员了解访问者的行为、特征和兴趣,从而更好地优化网站的内容和功能。而有时候,一个网站需要针对不同的用户群体进行分析和优化,此时,我们就需要为该网站部署多个Google Analytic…

    JavaScript 2023年6月11日
    00
  • JS基于正则表达式的替换操作(replace)用法示例

    JS基于正则表达式的替换操作(replace)是指通过正则表达式来查找目标字符串中的特定内容,并且将这些特定内容替换成指定的文本。replace方法基于正则表达式模式来查找替换目标字符串中符合要求的部分。replace方法是字符串的一种方法,它使用指定的模式匹配来搜索字符串,并使用一个替换字符串来替换匹配的子串,而不改变原始字符串。 replace基本用法 …

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