Werte aus Button an Java / Ajax übergeben

Aragon-1964 · 11. Januar 2020

Guten Abend,

ich habe ein Problem mit der Übergabe von radio values an ein java / ajax script. ich weiss nicht, wie ich den wert aus dem button auslesen kann.

Was habe ich gemacht:

ein javascript:

JavaScript

<script  type="text/javascript">
var xmlhttp;
function showResult2(str)
{
if (str.length==0)
{
document.getElementById("livesearch").innerHTML="";
document.getElementById("livesearch").style.border="0px";
return;
}
xmlhttp=GetXmlHttpObject()
if (xmlhttp==null)
{
alert ("Your browser does not support XML HTTP Request");
return;
}
var url="marken-suche-kat.php";
url=url+"?q="+str;  // Original Feld, dass übergeben wird. Als Suche über ein Textfeld funktioniert das Script einwandfrei
url=url+"?q="+this.getElementById("Markentyp").checked = true;  // Von mir mit allem möglichen verändert und getestet. Ohne Erfolg. Hier ist wohl das Problem.
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged ;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
document.getElementById("livesearch").style.border="1px solid #A5ACB2";
}
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
</script>

Alles anzeigen

im form ein button - sollen aber beliebig viele button sein

<input type="radio" name="Markentyp" id="radio" value="6" onclick="showResult2(this.value)">

dann ein div zur ausgabe

<div id="livesearch1"></div>

Was soll passieren.

Ich möchte eine Reihe von Button aus eine sql select in eine Reihe von Buttons einbauen (kann ich) undbei klick soll der Wert an das o.g. Script übergeben werden. Ich weiss einfach nicht, wie ich den Wert in das Script bekomme. Ich fummel jetzt schon ewig daran rum. Kann mir jemand helfen bitte? Habe von Java / Ajax nicht viel Ahnung. Super vielen Dank.

basti1012 · 11. Januar 2020

so ganz verstehe ich das noch nicht was du meinst , doch in den Code sind schon fehler drinne.

Zb

this.getElementById

dann id="livesearch" , weil im html steht livesearch1 und weiterte sehe ich auf der schnelle nicht.

EDIT:

auf der schnelle würde ich das mal so in der art versuchen.

mehr kann ich dazu jetzt auch nicht sagen weil ich nicht alles davon kenne.

Code

<input type="radio" name="Markentyp" id="radio" value="6">
<div id="livesearch">bla </div>
<script> 
  var xmlhttp;
rb=document.getElementById('radio');
rb.addEventListener('click',function(){
  if(rb.checked==true){
    weiter(this.value,true);
  }else{
    weiter(this.value,false);    
  }
});
function weiter(str,ifchecked){
  if (str.length==0){
    document.getElementById("livesearch").innerHTML="";
    document.getElementById("livesearch").style.border="0px";
    return;
  }
   xmlhttp=GetXmlHttpObject();
   if (xmlhttp==null){
       alert ("Your browser does not support XML HTTP Request");
       return;
   }
   var url="marken-suche-kat.php";
   url=url+"?q="+str;
   url=url+"&q1="+ifchecked;
   url=url+"&sid="+Math.random();
   console.log(url);
   xmlhttp.onreadystatechange=stateChanged;
   xmlhttp.open("GET",url,true);
   xmlhttp.send(null);
}
function stateChanged(){
   if (xmlhttp.readyState==4){
      document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
      document.getElementById("livesearch").style.border="1px solid #A5ACB2";
   }
}
function GetXmlHttpObject(){
    if (window.XMLHttpRequest){
       return new XMLHttpRequest();
   }
   if (window.ActiveXObject){
       return new ActiveXObject("Microsoft.XMLHTTP");
   }
   return null;
}
</script>

Alles anzeigen

Werte aus Button an Java / Ajax übergeben

Jetzt mitmachen!

Teilen

Tags