Ajax之get方式请求

╰+哭是因爲堅強的太久メ 2022-05-20 06:37 316阅读 0赞

# ajax之get请求需要注意的两个地方： #

1.  在url后边以请求字符串（传递的get参数信息）形式传递数据。
2.  对中文、=、&等特殊符号处理

# 对特殊信息的处理： #

在浏览器里通过get参数传递一些特殊符号信息会被误解混淆，例如&、=等；

为了避免特殊符号被误解产生歧义，需要对其进行编码处理。

同时如果传递get参数中文信息，也需要进行编码处理。

1.  在php里边可以通过函数urlencode()/urldecode()对特殊符号进行编码，反编码处理。
2.  在javascript里边可以通过encodeURIComponent()对特殊符号等信息进行编码。

（以上蓝色函数可以把“特殊符号、中文”转变为浏览器可以识别的信息，编码后的信息为%号后接两个十六进制数）

编码后的信息可以被正常接收使用，无需反编码。

# 具体可以被编码的特殊符号： #

encodeURIComponent编码

*  字符 特殊字符的含义URL编码

\# 用来标志特定的文档位置 %23

% 对特殊字符进行编码 %25

% 分隔不同的变量值对 %26

+ 在变量值中表示空格 %2B

\\ 表示目录路径 %2F

= 用来连接键和值 %3D

？ 表示查询字符串的开始 %3F

*  汉字的每个字节单位转为%后接两个十六进制数

# ajax发起get请求 #

# **服务器端02.php：** #

<?php
    
    //接收get方式传递过来的“用户名”信息，并做数据库校验
    print_r($_GET);

# **客户端02get.html：** #

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>ajax-get请求</title>
    	<script type="text/javascript">
    	function checkname(){
    		//ajax方式用户名校验
    		//第一步：获取用户名信息
    		var nm = document.getElementById('username').value;
    
    		//对传递的特殊符号（例如&、=等）进行编码处理
    		//同时对中文也进行编码处理
    		nm = encodeURIComponent(nm);
    
    		//第二步：ajax校验
    		var xhr = new XMLHttpRequest();
    		//ajax事件设置，以便接收返回的信息
    		xhr.onreadystatechange = function(){
    			if(xhr.readyState == 4){
    				alert(xhr.responseText);
    			}
    		}
    		xhr.open('get', './02.php?name='+nm+'&addr=beijing');//加入了get参数信息
    		xhr.send(null);
    	}
    	</script>
    </head>
    <body>
    	<h2>ajax之用户名的校验（get方式）</h2>
    	<p>用户名：<input type="text" id="username" οnblur="checkname()"></p>
    	<p>手机号码：<input type="text" id="usertel"></p>
    </body>
    </html>

# **未经编码处理时特殊符号&会被当做单独的参数处理：** #

![70][]

# **对特殊符号编码处理后，只识别两个参数：** #

![70 1][]

# **特殊符号被编码后的效果，encodeURIComponent编码后的中文（一个汉字是3个百分号）和特殊符号是%号后接两位十六进制数：** #

![70 2][]

# **另，chrome、firefox等主流浏览器会对中文自动进行编码处理，IE则不会：** #

![WEBRESOURCEd30e9d69e734d6b5f0a6d055cd8d9ad4][]

# php中特殊符号编码处理： #

# 比如另建一个服务器端02php-encode.php文件，超链接到02.php文件： #

<?php
    
    $subject = "php&detail=html";
    
    echo "<a href='./02.php?sjt=$subject'>php0713</a>";

# 未经编码处理，特殊符号&会被当做单独参数传递，实际上只是传入了一个参数： #

![WEBRESOURCE989bb3b255b540eee516079c24f1ca57][]

# 使用urlencode编码处理后： #

<?php
    
    $subject = "php&detail=html";
    
    $subject = urlencode($subject);
    
    echo "<a href='./02.php?sjt=$subject'>php0713</a>";

# 效果如下，特殊符号被编码处理，只作为一个参数处理： #

![70 3][]

[70]: /images/20220520/f1e5e97a9e9540c7bee831331feb0605.png
[70 1]: /images/20220520/dac08c34e304487385a62eacb3b1a3ed.png
[70 2]: /images/20220520/3a0c83fda9954793877517e151505ced.png
[WEBRESOURCEd30e9d69e734d6b5f0a6d055cd8d9ad4]: https://note.youdao.com/yws/res/4708/WEBRESOURCEd30e9d69e734d6b5f0a6d055cd8d9ad4
[WEBRESOURCE989bb3b255b540eee516079c24f1ca57]: https://note.youdao.com/yws/res/4712/WEBRESOURCE989bb3b255b540eee516079c24f1ca57
[70 3]: /images/20220520/ff735473d23548378f48a500ac0d44c8.png