Using tag with ajax

Question

I have the following code and it's working but i want to use ( <a> ) tag instead of ( <input type='submit'> ). I am a beginner in php - I hope my question will be entertained. I have googled my problem but it didn't help me.

<html>
<head>
    <script type="text/javascript">

        function load(thediv, thefile)
        {
            //alert('works');
            if(window.XMLHttpRequest)
            {

                xmlhttp = new  XMLHttpRequest();
            }
            else
            {
                xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
            }
            xmlhttp.onreadystatechange = function(){
            if(!(xmlhttp.readystate == 4 && xmlhttp.status == 200))
            {
                    // alert('works');
                    document.getElementById(thediv).innerHTML = xmlhttp.responseText;
            }

            }
            xmlhttp.open('GET', thefile, false );
            xmlhttp.send();
        }
    </script>
</head>

<body>
    <input type='submit' value="submit" onclick='load('main','itc_result.php');'>
</body>

*Why* do you want to use an `` instead of a submit button? What problem are you trying to solve? — Pointy, Jul 28 '15 at 12:42
You can do it like`Click Me `.But what it's need is not clear? — Alive to die - Anant, Jul 28 '15 at 12:43
`i have following code and its working` - I doubt that code does anything but log errors to the console — Jaromanda X, Jul 28 '15 at 12:46
anchor tag looks better that "input type ='submit ' " thats wht i want to use anchor — Sadeel Anjum, Aug 04 '15 at 06:48

Raghavendra · Answer 1 · 2015-07-28T12:50:30.653

0

favorite
i have following code and its working but i want to use ( <a> ) tage instead of "( <input type='submit'> ) " i am a beginner in php, hope my question will be entertained, i have goggled my problem but it didn't help me

<html>
<head>
    <script type="text/javascript">

        function load(thediv, thefile)
        {
            //alert('works');
            if(window.XMLHttpRequest)
            {

                xmlhttp = new  XMLHttpRequest();
            }
            else
            {
                xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
            }
            xmlhttp.onreadystatechange = function(){
            if(!(xmlhttp.readystate == 4 && xmlhttp.status == 200))
            {
                    // alert('works');
                    document.getElementById(thediv).innerHTML = xmlhttp.responseText;
            }

            }
   alert('sending ajax');
            xmlhttp.open('GET', thefile, false );
            xmlhttp.send();
          
        }
    </script>
</head>

<body>
  <div id="main" />
    <a href="#" onclick="load('main','itc_result.php');" >submit</a>
</body>

add the above into onclick of anchor tag like this

<a href="#" onclick="load('main','itc_result.php');" >submit</a>

edited Jul 28 '15 at 12:50

answered Jul 28 '15 at 12:43

Raghavendra

3,530
1
17
18

really? not `onclick="load('main','itc_result.php');"` or onclick='load("main","itc_result.php");'` ?? both far more readable – Jaromanda X Jul 28 '15 at 12:44
and how to handle tag with ajax ? – Sadeel Anjum Jul 28 '15 at 12:45
onclick of a tag you will call load method – Raghavendra Jul 28 '15 at 12:46
create a div element with main id to see output – Raghavendra Jul 28 '15 at 12:47
why? `i have following code and its working` – Jaromanda X Jul 28 '15 at 12:47

score 0 · Accepted Answer · answered Jul 28 '15 at 12:45

0

You can do it like:-

<a onclick="load('main','itc_result.php');">Click Me </a>.

But what it's need is not clear?Submit works fine.

answered Jul 28 '15 at 12:45

Alive to die - Anant

70,531
10
51
98

Anchr tag given by you is working , but there is still a problem, when i click the anchor tag it shows the required page data but suddenly disapears ..! – Sadeel Anjum Aug 04 '15 at 07:01

Using tag with ajax

2 Answers2