向ajax查询发送两个值
send two values to ajax query
我需要发送两个参数到我的javascript和获取参数在php文件我怎么能做到这一点?
我的html:
<form method="post" action="testButtonSup.php">
<p>
Veuillez choisir le service<br />
<input type="radio" name="service" value="ncli" id="ncli" checked ="checked" /> <label for="ncli">Ncli</label>
<input type="radio" name="service" value="fcli" id="fcli" /> <label for="fcli">Fcli</label>
</p>
<p>
<label for="client">Veuillez choisir le fournisseur :</label><br />
<select name="client" id="client" onchange="showUser(this.value, service)">
<?php
// echo '<option value=""/></option>';
while ($donnees = $reponse->fetch())
{
echo '<option value='.$donnees['refCustomer'].'>'.$donnees['legalCompanyName'].' </option>';
$idClient = $donnees['refCustomer'];
//$value = $donnees['refCustomer'];
}
$reponse->closeCursor();
?>
</select>
</p>
<p>.....
我想发送给函数showUser(this。Value, service)两个参数:选择的id和单选按钮"service"的up值
我的功能:
function showUser(str, service) {
if (str == "") {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","getTableBuffer.php?q="+str+"&service="service,true);
xmlhttp.send();
}
}
我试过了,但是没有用。
在我的PHP文件中,它无法识别参数
如果不使用jQuery,则使用一个小函数从集合中获取单选按钮的值,以便在ajax参数中使用。
function radiovalue(name){
var col=document.querySelectorAll('input[type="radio"]');
for( var n in col )if( n && col[n] && col[n].nodeType==1 && col[n].type=='radio' ){
if( col[n].hasAttribute('name') && col[n].getAttribute('name')==name ){
if( col[n].checked ) return col[n].value;
}
}
return false;
}
eg:
---
xmlhttp.open("GET","getTableBuffer.php?q="+str+"&service="+radiovalue('service'),true);
如果您可以使用jQuery(我建议使用它来处理ajax请求),您可以这样做:
function showUser(str, service) {
if (str == "") {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
$.ajax({
url: 'getTableBuffer.php',
type: 'GET',
data: {q:str, service:service}
}).done(function(response){
// Code to execute once the call has been executed
$('#txtHint').html(response.responseText);
});
}
}
相关文章:
- 这是如何处理基于从 url 获取值的两个 ajax 请求吗?
- 使用两个 Ajax 调用来发布然后检索数据
- 1 个 PHP 文件中的两个 Ajax 函数
- 同一函数中的两个ajax jquery调用
- 两个ajax调用,只有一个正在运行
- 带有两个ajax调用的单个函数
- 同时发出两个Ajax请求
- 使用两个ajax调用在两个html表中填充数据
- 两个ajax请求url(成功/失败)
- 等待中的两个ajax请求成功函数的执行
- 为什么用以下JS代码调用两个ajax请求
- 在一个函数中使用两个ajax调用
- 在两个ajax calendar_extender中显示相同的日期
- Jquery 2.1 -等待两个ajax调用结束,然后销毁元素
- 组合两个ajax函数
- 两个Ajax onclick事件
- 从两个AJAX请求构造一个JavaScript对象
- 两个ajax调用没有同时运行
- 同时对同一事件发出两个ajax请求.典型的行为应该是什么?如果请求是同步的,会有什么不同
- CakePHP赢得'我无法同时处理两个Ajax请求