AJAX GET请求详解-优快云博客

本文链接：https://blog.youkuaiyun.com/DFF1993/article/details/81037719

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

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

对特殊信息的处理：

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

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

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

在php里边可以通过函数urlencode()/urldecode()对特殊符号进行编码，反编码处理。
在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>

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

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

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

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

php中特殊符号编码处理：

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

<?php

$subject = "php&detail=html";

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

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

使用urlencode编码处理后：

<?php

$subject = "php&detail=html";

$subject = urlencode($subject);

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

Ajax之get方式请求