Ajax 传递参数：URL、POST 和 JSON 方法详解

在使用 Ajax 传递参数时，可以通过以下几种方式：\n\n1. 使用 URL 参数传递：将参数直接附加在 URL 后面，例如：url?param1=value1&param2=value2。在 JavaScript 中可以使用encodeURIComponent()函数对参数进行编码，以避免特殊字符引起的问题。\n\n2. 使用 POST 请求：将参数作为请求体的一部分发送给服务器。可以通过FormData对象来创建一个包含参数的表单数据，然后将其作为send()方法的参数发送给服务器。\n\njavascript\nvar xhr = new XMLHttpRequest();\nxhr.open("POST", url, true);\nxhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");\nxhr.onreadystatechange = function() {\n if (xhr.readyState === 4 && xhr.status === 200) {\n // 处理服务器返回的数据\n }\n};\nvar formData = new FormData();\nformData.append("param1", value1);\nformData.append("param2", value2);\nxhr.send(formData);\n\n\n3. 使用 JSON 格式传递：将参数转换为 JSON 字符串，并将其作为请求体的一部分发送给服务器。同样可以使用send()方法发送请求。\n\njavascript\nvar xhr = new XMLHttpRequest();\nxhr.open("POST", url, true);\nxhr.setRequestHeader("Content-Type", "application/json");\nxhr.onreadystatechange = function() {\n if (xhr.readyState === 4 && xhr.status === 200) {\n // 处理服务器返回的数据\n }\n};\nvar params = {\n param1: value1,\n param2: value2\n};\nxhr.send(JSON.stringify(params));\n\n\n无论使用哪种方式传递参数，服务器端都需要相应地解析参数并进行处理。