如何在提交按钮上运行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 for exaple)上,添加call-in-to 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>

然后使用在这两个标签之间加载ANYTHING

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

这意味着您在两个标签之间调用区域并将内容加载到它们中.与从该位置获取数据的方式相同:

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

请阅读:http: //www.tizag.com/javascriptT/javascript-getelementbyid.php

此外,播放和试验DOM元素并了解它们如何交互.这并不难,只需要一些时间来掌握所有概念.