Home Web Front-end JS Tutorial Ajax, UTF-8 or GB2312 eval or execScript_javascript technique

Ajax, UTF-8 or GB2312 eval or execScript_javascript technique

May 16, 2016 pm 06:58 PM
ajax eval utf-8

Two questions:
First question:
The responseText of xmlhttp is always encoded in utf-8 by default. Some time ago, in order to solve this problem at the minimum cost, the entire project was simply encoded in utf-8. There are not many solutions online, and they are all quite messy, which I don’t like. We can’t use utf-8 for everything in the future.
Second question:
The javascript script of the xmlhttp loading page cannot be executed. The event driver is still available. In order to avoid this thing some time ago, I simply wrote the entire script together. It's disgusting. I always do this. Every time I have to load several hundred K of js files, it's disgusting.

So, now that I have time, the most orthodox way is to solve it.
xmlhttp is originally used to operate xml. The things returned by responseText are changed to UTF-8 using binary hard coding on the Internet. The method of encoding into GB2312 is naturally unreliable, and there is nothing you can do if you deal with other encodings. The IXMLHTTPRequest object returned by responseXML relies on the encoding declaration of xml, so it is naturally impossible to be garbled. There's no reason not to use it.


Here will be the html text I need,
]]>

The script can be like this Write a line;
returnValue = xmldom.documentElement.text;
returnValue is the html text I need. It is relatively rigid to use the byte stream to change the encoding. Why not?
The first question is basically solved. No matter what encoding you use, utf-8, gb2315.gbk, or 8859-1, just change the document statement.
Since the first problem uses xml, the second problem is also easy to solve. Simply analyze our needs and execute the script of a page, which is generally on the loaded page. It is in two places, the declaration before loading the HTML and the call when loading is complete. As for the use in the page, it can be driven by DHTML events, then change the structure of XML.




// The script here is equivalent to being written in the head;
]]>



HtmlCode
]]>



// The script here is equivalent to being written after the body;
]]>


To process the script, try writing these lines;
BeginScript = xmldom.documentElement.selectSingleNode("onStart").text;
htmlCode = xmldom.documentElement.selectSingleNode("body").text;
endScript = xmldom.documentElement.selectSingleNode("onEnd").text;
There seems to be no problem under IE, but an error is reported under firefox. The hateful firefox turns out to be textContent, and the selectSingleNode method does not work. The method of browser identification , just copy it anywhere. Now I only care about IE and Firefox, which are the only two on my machine, and then change the code;
The first three lines below are copied from the NetEase blog. If you have any questions, please contact NetEase. I’m too lazy to write it myself, let alone ask me to search it online.
var isIE=(document.all&&document.getElementById&&!window.opera)?true:false;
var isMozilla=(!document.all&&document.getElementById&&!window.opera)?true:false;
var isOpera =(window.opera)?true:false;

if(isIE){
BeginScript = xmldom.documentElement.getElementsByTagName("onStart").item(0).text;
htmlCode = xmldom.documentElement.getElementsByTagName("body").item(0).text;
endScript = xmldom.documentElement.getElementsByTagName("onEnd").item(0).text;
}else{
BeginScript = xmldom.documentElement.getElementsByTagName("onStart").item(0).textContent;
htmlCode = xmldom.documentElement.getElementsByTagName("body").item(0).textContent;
endScript = xmldom. documentElement.getElementsByTagName("onEnd").item(0).textContent;
}
Complete. The rest is how to execute it.
If you need to dynamically execute a script, there are three methods.
a) eval() method of Global object in JavaScript;
b) execScript() method in DHTML window;
c) new Function(); object in JavaScript;
three Each method has its own advantages and disadvantages.
The first method uses the context of the call as the context of the script. There is an obvious scope problem. The scope after execution is only within the body of the called function or method. Disgusting problem;
The second method is executed on the top-level object window of DHTML, so there is no scope problem, but the execScript() method has browser compatibility problems. Just a proprietary method for IE. It cannot be used on Firefox;
The third method, in addition to being inconvenient to use, must be used to declare a method. If you only need to declare a variable, it is also a very annoying problem.
If there are no browser compatibility issues, then using the second option is the best choice.
The third option will not be considered.
The first method is the best if it can solve the scope problem.
The method I thought of is as follows;
We declare a variable in the web page,
that is, var author = "Xi De San Ren";
or declare a function.
That is:
function getBlogUrl(){
return author "The blog address: http://shizhong8841.blog.163.com";
}
At this time, we are equivalent to
window.author = "Xi De Sanren";
window.getMyBlogUrl = function(){
return this.author "The blog address: http://shizhong8841.blog.163.com";
}
So, we just need to expand the window object a little bit.
window.runScript = function(str){
eval(str);
}
Magic this Next, just use this.a=0; or this.funName = function(arg0) {}; Writing scripts in this way and calling the runScript(str); method is equivalent to defining global properties and methods in the page, which can eliminate scope problems and achieve our purpose.
Now, all problems are solved and all tests are passed under InternetElpxerer 6.0 and Firefax 2.0. The code I wrote is too messy, so I won’t post it to avoid embarrassment, but the idea should still be correct.
More questions will be discussed later.
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to solve the 403 error encountered by jQuery AJAX request How to solve the 403 error encountered by jQuery AJAX request Feb 20, 2024 am 10:07 AM

Title: Methods and code examples to resolve 403 errors in jQuery AJAX requests. The 403 error refers to a request that the server prohibits access to a resource. This error usually occurs because the request lacks permissions or is rejected by the server. When making jQueryAJAX requests, you sometimes encounter this situation. This article will introduce how to solve this problem and provide code examples. Solution: Check permissions: First ensure that the requested URL address is correct and verify that you have sufficient permissions to access the resource.

How to solve jQuery AJAX request 403 error How to solve jQuery AJAX request 403 error Feb 19, 2024 pm 05:55 PM

jQuery is a popular JavaScript library used to simplify client-side development. AJAX is a technology that sends asynchronous requests and interacts with the server without reloading the entire web page. However, when using jQuery to make AJAX requests, you sometimes encounter 403 errors. 403 errors are usually server-denied access errors, possibly due to security policy or permission issues. In this article, we will discuss how to resolve jQueryAJAX request encountering 403 error

How to get variables from PHP method using Ajax? How to get variables from PHP method using Ajax? Mar 09, 2024 pm 05:36 PM

Using Ajax to obtain variables from PHP methods is a common scenario in web development. Through Ajax, the page can be dynamically obtained without refreshing the data. In this article, we will introduce how to use Ajax to get variables from PHP methods, and provide specific code examples. First, we need to write a PHP file to handle the Ajax request and return the required variables. Here is sample code for a simple PHP file getData.php:

How to solve the problem of jQuery AJAX error 403? How to solve the problem of jQuery AJAX error 403? Feb 23, 2024 pm 04:27 PM

How to solve the problem of jQueryAJAX error 403? When developing web applications, jQuery is often used to send asynchronous requests. However, sometimes you may encounter error code 403 when using jQueryAJAX, indicating that access is forbidden by the server. This is usually caused by server-side security settings, but there are ways to work around it. This article will introduce how to solve the problem of jQueryAJAX error 403 and provide specific code examples. 1. to make

PHP vs. Ajax: Solutions for creating dynamically loaded content PHP vs. Ajax: Solutions for creating dynamically loaded content Jun 06, 2024 pm 01:12 PM

Ajax (Asynchronous JavaScript and XML) allows adding dynamic content without reloading the page. Using PHP and Ajax, you can dynamically load a product list: HTML creates a page with a container element, and the Ajax request adds the data to that element after loading it. JavaScript uses Ajax to send a request to the server through XMLHttpRequest to obtain product data in JSON format from the server. PHP uses MySQL to query product data from the database and encode it into JSON format. JavaScript parses the JSON data and displays it in the page container. Clicking the button triggers an Ajax request to load the product list.

Asynchronous data exchange using Ajax functions Asynchronous data exchange using Ajax functions Jan 26, 2024 am 09:41 AM

How to use Ajax functions to achieve asynchronous data interaction With the development of the Internet and Web technology, data interaction between the front end and the back end has become very important. Traditional data interaction methods, such as page refresh and form submission, can no longer meet user needs. Ajax (Asynchronous JavaScript and XML) has become an important tool for asynchronous data interaction. Ajax enables the web to use JavaScript and the XMLHttpRequest object

Understanding Ajax Frameworks: Explore Five Common Frameworks Understanding Ajax Frameworks: Explore Five Common Frameworks Jan 26, 2024 am 09:28 AM

Understanding the Ajax Framework: Explore five common frameworks, requiring specific code examples Introduction: Ajax is one of the essential technologies in modern web application development. It has become an indispensable part of front-end development because of its features such as supporting asynchronous data interaction and improving user experience. In order to better understand and master the Ajax framework, this article will introduce five common Ajax frameworks and provide specific code examples to help readers gain an in-depth understanding of the usage and advantages of these frameworks. 1. jQuery jQuery is currently the most

What are the ajax versions? What are the ajax versions? Nov 22, 2023 pm 02:00 PM

Ajax is not a specific version, but a technology that uses a collection of technologies to asynchronously load and update web page content. Ajax does not have a specific version number, but there are some variations or extensions of ajax: 1. jQuery AJAX; 2. Axios; 3. Fetch API; 4. JSONP; 5. XMLHttpRequest Level 2; 6. WebSockets; 7. Server-Sent Events; 8, GraphQL, etc.

See all articles