Discussion on the problem of garbled characters in iframe page parameters
I encountered a very unusual parameter garbled problem. First look at the page As shown in the picture, there are the same three radios below the monthly indicators. There is an iframe below the three radios. The effect is that clicking different radios will display different pages. When clicking, pass the web page address with parameters. (1) A problem occurred. When switching between "Daily Index" and "Monthly Index", the parameters I passed were Chinese characters, so they were obtained as garbled characters in the background. So I encode the parameters and decode them with UrlDecode in the background, but I am disappointed to find that the characters are still garbled. Then I carefully checked the page encoding and found that the page to be opened in the iframe had no encoding. So add the following sentence to the page Copy code The code is as follows:<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> It seems to be working now, switching between the "Daily Indicators" and "Monthly Indicators" web pages can display normally, and the parameters are passed. (2) But a weird problem occurred. When I switched the radio, an error message appeared and the parameters became garbled characters. I really don't know what went wrong this time. The same JS method is used for "daily indicators", "monthly indicators" and radio click to switch pages. In frustration, I randomly clicked around and found the following: When I clicked "Coalbed Methane", the page was normal. Then when I clicked "Oil Production", the parameters were wrong. When Oil Production was already selected, I clicked "Oil Production" and the page was displayed normally. It shouldn't be like this. Then I compared "Coalbed Methane" and "Oil Production". I have already posted the official page for the "Oil Production" module, but I just posted the Baidu page randomly because the "Coalbed Methane" module has not been made yet. Because of the encoding problem in question (1), the first thing I thought of was the encoding problem. I checked Baidu encoding as follows: Copy code The code is as follows:<metahttp-equiv="content-type" content="text/html;charset=utf-8"> The encoding format is different. So I also put "coalbed methane" on the "oil production" page and removed Baidu. Um, the page runs normally, but the parameters are not reported and the code is garbled. Analyze the reason : it seems that when passing parameters, what is obtained is the encoding of the current iframe display page, which has nothing to do with the encoding of the page to be opened. But this really shouldn't be the case. It's an iframe. I assign a URL and pass parameters to the iframe in its parent page. Why should I care about the current page of the iframe? |
<<: How to deploy MongoDB container with Docker
>>: Web designers also need to learn web coding
Recommend
Example of how to set div background transparent
There are two common ways to make div background ...
Detailed explanation of HTML onfocus gain focus and onblur lose focus events
HTML onfocus Event Attributes Definition and Usag...
Application of Hadoop counters and data cleaning
Data cleaning (ETL) Before running the core busin...
Solution to 404 Problem of Tomcat Installation in Docker
Find the containerID of tomcat and enter the toma...
Install Ubuntu 18 without USB drive under Windows 10 using EasyUEFI
1. Check BIOS First check which startup mode your...
Linux (center OS7) installs JDK, tomcat, mysql to build a java web project running environment
1. Install JDK 1. Uninstall the old version or th...
Introduction to NFS service construction under Centos7
Table of contents 1. Server 2. Client 3. Testing ...
Markup validation for doctype
But recently I found that using this method will c...
The actual process of encapsulating axios in the project
Table of contents Preface Benefits of axios encap...
html a link tag title attribute line break mouse hover prompt content line break effect
The method of wrapping the content (title attribut...
How to set up automatic daily database backup in Linux
This article takes Centos7.6 system and Oracle11g...
Alibaba Cloud applies for a free SSL certificate (https) from Cloud Shield
Because the project needs to use https service, I...
Analysis of the HTML writing style and reasons of experienced people
1. Navigation: Unordered List vs. Other Label Ele...
Graphic tutorial on installing MySQL database and configuring environment variables on Mac
Table of contents Install mysql Configuring envir...
Detailed explanation of Angular component life cycle (I)
Table of contents Overview 1. Hook calling order ...