Question

This is a very simple function if one where to use an input tag, unfortunately i have to use a link tag since i’m working with alphabet grouping that would retrieve the values on a different page.

here’s a code i found for link tag to hold a value to be submitted to ajax

echo '<a onclick="passPagination(\'3\');passLetter(\'S\')">NEXT</a>';

i want to call all letters “s” page “3” from the other page.

        function passLetter(str)
    {
    if (str=="")
      {
      document.getElementById("retail_group").innerHTML="";
      return;
      } 
    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("retail_group").innerHTML=xmlhttp.responseText;
        }
      }
    xmlhttp.open("GET","otherpage.php?letter="+str,true);
    xmlhttp.send();
    }

    function passPagination(str)
    {
    if (str=="")
      {
      document.getElementById("retail_group").innerHTML="";
      return;
      } 
    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("retail_group").innerHTML=xmlhttp.responseText;
        }
      }
    xmlhttp.open("GET","otherpage.php?pageno="+str,true);
    xmlhttp.send();
    }

also i want to call again the letter that was passed to the otherpage so that i would make it as a reference for my pagination links that is also being hold in this page.
echo ‘NEXT’;

i am really at lost here since i am not familiar with link tag and ajax working together, also as you may have noticed i am not also that good with ajax judging from my very long ajax code.

Your help is greatly appreciated, Thank You.

i am really new at ajax. 🙂

Answer 1

The solution is to make a function with multiple arguments:

function passPaginationAndLetter(page, letter)
{
if (page=="" || letter == "")
  {
  document.getElementById("retail_group").innerHTML="";
  return;
  } 
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("retail_group").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","otherpage.php?letter="+letter+"&pageno="+page,true);
xmlhttp.send();
}

You can now call this with

echo '<a onclick="passPaginationAndLetter(\'3\',\'S\')">NEXT</a>';

The difference is that you are not calling two AJAX methods, just one.