php - 如何在不刷新/重新加载页面的情况下在提交按钮上运行 php 代码

Question

我想在提交按钮点击时执行一些 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>

这是我的代码

Answer 1

那么，您需要使用 javascript/ajax。

示例:在您的提交链接(例如 href)上，添加调用 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 元素并了解它们如何交互。这并不难，只是需要一些时间来掌握所有概念。