在 AJAX 中传递多个变量
Passing multiple variables in AJAX?
我一直在尝试在线遵循一个示例,其中我使用 AJAX 将变量传递给 PHP
它有效,但我设法使用 AJAX 只传递 1 个变量,但我需要传递多个变量,我尝试添加它,但它不起作用任何帮助将不胜感激
我试图像这样添加它var url = 'ajax.php?js_var=' + js_var + gender;
但它只是在同一行上打印出来。
<html>
<head>
<title>Pass variable from PHP to JavaScript - Cyberster's Blog'</title>
</head>
<body>
<a href="#" id="link">Click me!</a>
<div id="update"></div>
<script type="text/javascript">
var js_var = "M";
var gender = "hey";
document.getElementById("link").onclick = function () {
// ajax start
var xhr;
if (window.XMLHttpRequest) xhr = new XMLHttpRequest(); // all browsers
else xhr = new ActiveXObject("Microsoft.XMLHTTP"); // for IE
var url = 'ajax.php?js_var=' + js_var + gender;
xhr.open('GET', url, false);
xhr.onreadystatechange = function () {
if (xhr.readyState===4 && xhr.status===200) {
var div = document.getElementById('update');
div.innerHTML = xhr.responseText;
}
}
xhr.send();
// ajax stop
return false;
}
</script>
</body>
<?php
if (isset($_GET['js_var'])) $php_var = $_GET['js_var'] ;
else $php_var = "<br />js_var is not set!";
if (isset($_GET['gender'])) $php_var1 = $_GET['gender'] ;
else $php_var1 = "<br />js_var is not set!";
echo $php_var;
echo $php_var1;
?>
快速回答...
var url = 'ajax.php?js_var=' + js_var + '&gender=' + gender;
更好的答案
var params = {
"js_var": js_var,
"gender": gender
};
var queryParams = Object.keys(params).map(function(k) {
return encodeURIComponent(k) + '=' + encodeURIComponent(params[k]);
}).join('&');
var url = 'ajax.php?' + queryParams;
如果需要支持 IE 版本 <9,请参阅以下填充程序以了解 Array.prototype.map
和 Object.keys
。
相关文章:
- 如何通过ajax刷新JSF填充的javascript变量
- 通过AJAX传输变量
- 使用PHP和ajax传递URL不太正常的变量
- 如何在没有ajax的情况下将javascript动态数据发送到php变量
- 如何将javascript变量传递给Ajax脚本
- 使用Ajax时,我无法将数据作为变量传递
- 将变量放入ajax函数JQuery
- 如何将Ajax数据值分配给PHP变量
- 如何从ajax成功回调函数中读取javascript变量
- 将变量传递给ajax函数
- PHP/Ajax/jquery/JON-在Ajax Post之后将echo文本中的一部分作为变量返回
- 将html变量从Ajax传递到PHP
- PHP会话ID变量与AJAX一起返回
- 通过Ajax发送时未定义的变量
- 没有通过ajax调用设置Javascript全局变量
- 通过Ajax获取变量
- 如何在ajax回调中使用类变量
- 全局变量 - AJAX jQuery
- Wordpress中的恢复变量Ajax
- 通过按钮传递变量(Ajax Modal)