JavaScript 使用带有参数的GET
示例
该函数使用GET运行AJAX调用，允许我们将参数（对象）发送到文件（字符串），并在请求结束后启动回调（函数）。
function ajax(file, params, callback) {
var url = file + '?';
//遍历对象并组合网址
var notFirst = false;
for (var key in params) {
if (params.hasOwnProperty(key)) {
url += (notFirst ? '&' : '') + key + "=" + params[key];
}
notFirst = true;
}
//使用url作为参数创建一个AJAX调用
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange= function() {
if (xmlhttp.readyState == 4 &&xmlhttp.status== 200) {
callback(xmlhttp.responseText);
}
};
xmlhttp.open('GET', url, true);
xmlhttp.send();
}这是我们的用法：
ajax('cars.php', {type:"Volvo", model:"300", color:"purple"}, function(response) {
//在此处添加当数据返回此页面时要执行的代码
//例如console.log(response)将在控制台中显示AJAX响应
});下面显示了如何检索中的url参数cars.php：
if(isset($_REQUEST['type'], $_REQUEST['model'], $_REQUEST['color'])) {
//他们设置好了，我们可以使用它们！
$response = 'The color of your car is ' . $_REQUEST['color'] . '. ';
$response .= 'It is a ' . $_REQUEST['type'] . ' model ' . $_REQUEST['model'] . '!';
echo $response;
}如果您具有回调函数，则控制台中的结果将为：console.log(response)
汽车的颜色是紫色。这是沃尔沃300型！