使用带有ajax的<a>标签[重复]

Posted

技术标签:

【中文标题】使用带有ajax的<a>标签[重复]【英文标题】:Using <a> tag with ajax [duplicate] 【发布时间】:2015-10-19 00:39:09 【问题描述】:

我有以下代码并且它正在工作,但我想使用( &lt;a&gt; ) 标签而不是( &lt;input type='submit'&gt; )。我是 php 的初学者 - 我希望我的问题会受到欢迎。我用谷歌搜索了我的问题,但没有帮助。

<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>

【问题讨论】:

为什么您要使用&lt;a&gt; 而不是提交按钮?你想解决什么问题? 你可以像&lt;a onclick="load('main','itc_result.php');"&gt;Click Me &lt;/a&gt;那样做。但是不清楚它需要什么? i have following code and its working - 我怀疑代码除了将错误记录到控制台之外还有什么作用 锚标签看起来比“输入类型='提交'”更好,这就是我想使用锚 【参考方案1】:

你可以这样做:-

&lt;a onclick="load('main','itc_result.php');"&gt;Click Me &lt;/a&gt;.

但它需要什么不清楚?提交工作正常。

【讨论】:

你给的锚标签正在工作,但是还有一个问题,当我点击锚标签时,它显示了所需的页面数据,但突然消失了..!【参考方案2】:

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>

像这样将以上内容添加到锚标签的onclick中

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

【讨论】:

真的吗?不是onclick="load('main','itc_result.php');" 或 onclick='load("main","itc_result.php");'` ??两者都更具可读性 以及如何用ajax处理标签? 点击你将调用加载方法的标签 创建一个带有主 ID 的 div 元素以查看输出 为什么? i have following code and its working

以上是关于使用带有ajax的<a>标签[重复]的主要内容,如果未能解决你的问题,请参考以下文章

跨域与防止表单重复提交

html/css - 使用带有 <img> 标签的精灵 - 如何在 Chrome 中删除轮廓?

烧瓶如何在ajax调用后重定向到新页面[重复]

数据未填充到带有 AJAX 请求的选择标记中

元刷新标签不使用 noscript 标签重定向

html标签在点击时使用jquery和ajax向上或向下传输[关闭]