如何在提交按钮上运行php代码而不刷新/重新加载页面

小编典典

如何在提交按钮上运行php代码而不刷新/重新加载页面

ajax

我想在提交按钮单击时执行一些php代码，而不刷新/重新加载我的页面。可能吗？我在页面加载时也具有javascript函数，这就是为什么我不想刷新页面。提前致谢。

<?php
if(isset($_POST["search"]))
{
$show = "SELECT * FROM data";
$rs = mysql_query($show) or die(mysql_error());
 $add_to_textbox = "<input type='button' name='btn' value='add' />";
#****results in Grid****
    echo "<table width='360px' border='1' cellpadding='2'>";
    $rowID=1;
while($row = mysql_fetch_array($rs))
{
    echo "<tr>";
    echo "<td width='130px' id='name.$rowID.'>$row[Name]</td>";
    echo "<td width='230px' id='link.$rowID.'><a href = '$row[Link]'>$row[Link]</a></td>";
    echo "<td width='130px' onclick='Display($rowID);'>$add_to_textbox</td>";
    echo "</tr>";
    $rowID++;
}
    echo "</table>";
#**********************
mysql_free_result($rs);
}
?>

<script type="text/javascript">
function Display(rowID){
    var linkVal = document.getElementById('link'+rowID+'').innerHTML.replace(/<\/?[^>]+(>|$)/g, "\n");
    document.getElementById("name").value = document.getElementById('name'+rowID+'').innerHTML;
    document.getElementById("link").value = linkVal; 
    }
</script>

这是我的代码

阅读 338

2020-07-26

共1个答案

小编典典

好吧，您需要使用javascript / ajax。

示例：在您的提交链接（例如a href）上，添加call-in-js函数submitMe并传递所需的任何变量

function submitMe() {
    jQuery(function($) {    
        $.ajax( {           
            url : "some_php_page.php?action=getsession",
            type : "GET",
            success : function(data) {
                alert ("works!"); //or use data string to show something else
                }
            });
        });
    }

如果要动态更改某些内容，这很容易-您只需要创建标签并为其分配ID： <div id="Dynamic"> </div>

然后，您可以使用加载这两个标签之间的任何内容

document.getElementById("Dynamic").innerHTML = "<b>BOOM!</b>";

这意味着您在两个标签之间调用区域并向其中加载内容。从该位置获取数据的方式相同：

alert(document.getElementById("Dynamic").innerHTML);

请阅读以下内容：http: //www.tizag.com/javascriptT/javascript-
getelementbyid.php

此外，还可以玩DOM元素并进行实验，并了解它们如何相互作用。这并不难，只需花费一些时间即可掌握所有概念。

2020-07-26