利用js调用后台php进行数据处理原码

該方法已經屬於過時方法,其中關鍵的地方也從論壇上得來的,我只是把它消化吸收后重新写了更全面的出来。公布出來只是希望更多的新手能從中學到一些東西。如果你對該代碼有任何意見可以留言,但請勿進行人身攻擊,我是一個菜鳥只能寫出這樣的東西,每个老鸟都有这样的过程。

鉴于时间问题,代碼的提交部分使用的是传统的表单POST,如果您喜欢可以根据LOAD过程自行加上相应的SCRIPT,不过好像只
能用GET了。聽說XML可以實現真正的無刷新,如果誰手上有希望能借來看看。

在此感謝QQ群組中蓝劍雪狐和shelly水在JS上給予的幫助,也新手們能把自己寫的功能代碼貼出來大家一起來學習研究。

最後附上演示地址: 請喜歡HACK他人機器的朋友們手下留情,附上演示是為了讓朋友們能更快了解代碼。


input.php[HTML] 接受用户输入数据。


PHP代码:----------------------------------------------

<?php
/*
                         申        明
                 ------------------------------
  该演示文件详细描述了利用JS+PHP对数据库进行類似無刷新读出写入的方法

                                           2004年02月14日
                                                 By L.Fox
                                                             */

header("Cache-Control: no-store, no-cache,must-revalidate");   //這兩行可以取消,把文件存成HTML
echo $_POST["name1"];                                          //我是為了?#123;試方便才加的。
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=??????">
<title>根据编号从MYSQL提取数据进行编辑并回存[演示]</title>
<script language="JavaScript"></script>
<style>
body {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 12px;
    line-height: 17px;
    scrollbar-base-color: #BBBBBB;
    scrollbar-shadow-color: #BBBBBB;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-arrow-color: #FFFFFF;
}
table {
    border: 0;
    font-size: 12px;
    cursor: default;
}
td {
    text-align: left;
    height: 20;
}
input {
    width: 100;
    height: 18;
    border: 0px solid #666666;
    text-align: left;
}
</style>
<script>
var objInput = null;
var objTd = null;
var num =null;
function AutoEdit(obj,id)
{
    if (objInput == null)
    {
        objTd = obj;
        obj.innerHTML = "<input size=https://www.jb51.net/article/\"10\" maxlength=https://www.jb51.net/article/\"10\" type=https://www.jb51.net/article/\"text\" value=https://www.jb51.net/article/\"" + obj.innerText + "https://www.jb51.net/article/\"
id=https://www.jb51.net/article/\"objInput\" onblur=https://www.jb51.net/article/\"objTd.innerText=this.value;LoadData(objTd.innerText,num);objInput=null;\" style=https://www.jb51.net/article/\"overflow:
visible;border:none;background-color:#EFEFEF\">";
        objInput = document.getElementById("objInput");
        objInput.focus();
    }
}

function LoadData(LoadIndex,LoadObj)
{
  var LoadFileName="load.php?action=" + LoadIndex + "&num=" + LoadObj;
  document.getElementById("LoadDataSrc").src = LoadFileName;
}
function OutPutData(obj)
{
    if (form1.num1.value.length<1){ alert("请输入数量1"); return false;}
    if (form1.num2.value.length<1){ alert("请输入数量2"); return false;}
    if (document.getElementById("name1").innerHTML.length<1){ alert("name1空值"); return false;}
    if (document.getElementById("name2").innerHTML.length<1){ alert("name2空值"); return false;}
    obj.innerHTML="<input type=https://www.jb51.net/article/\"hidden\" name=https://www.jb51.net/article/\"name1\" value=https://www.jb51.net/article/\"" + document.getElementById("name1").innerHTML + "https://www.jb51.net/article/\">";
    obj.innerHTML+="<input type=https://www.jb51.net/article/\"hidden\" name=https://www.jb51.net/article/\"name2\" value=https://www.jb51.net/article/\"" + document.getElementById("name2").innerHTML + "https://www.jb51.net/article/\">";
    obj.innerHTML+="<input type=https://www.jb51.net/article/\"hidden\" name=https://www.jb51.net/article/\"type1\" value=https://www.jb51.net/article/\"" + document.getElementById("type1").innerHTML + "https://www.jb51.net/article/\">";
    obj.innerHTML+="<input type=https://www.jb51.net/article/\"hidden\" name=https://www.jb51.net/article/\"type2\" value=https://www.jb51.net/article/\"" + document.getElementById("type2").innerHTML + "https://www.jb51.net/article/\">";
    obj.innerHTML+="<input type=https://www.jb51.net/article/\"hidden\" name=https://www.jb51.net/article/\"date1\" value=https://www.jb51.net/article/\"" + document.getElementById("date1").innerHTML + "https://www.jb51.net/article/\">";
    obj.innerHTML+="<input type=https://www.jb51.net/article/\"hidden\" name=https://www.jb51.net/article/\"date2\" value=https://www.jb51.net/article/\"" + document.getElementById("date2").innerHTML + "https://www.jb51.net/article/\">";
    obj.innerHTML+=form1.submit();
}
function postdata()
{
  form1.submit();   
}
</script>
</head>
<body>
<form method="post" action="load.php?action=OutPutData">
<table cellpadding="0" cellspacing="1" bgcolor="#999999">
 <tr bgcolor="#EFEFEF">
  <td><div></div></td>
  <td><div></div></td>
 </tr>
 <tr bgcolor="#EFEFEF">
  <td><div>a</div></td>
  <td><div>b</div></td>
 </tr>
 <tr bgcolor="#EFEFEF">
  <td><div>a</div></td>
  <td><div>b</div></td>
 </tr>
 <tr bgcolor="#EFEFEF">
  <td><div></div></td>
  <td><div></div></td>
 </tr>
 <tr bgcolor="#EFEFEF">
  <td><div><input type="text" value=""></div></td>
  <td><div><input type="text" value=""></div></td>
 </tr>
 <div><a href="#">输出</a></div></form>
</body>
</html>
------------------------------------------------------

LOAD.php

PHP代码:-----------------------------------------------

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/cc2a6f2affb06fdfbf62e219a15b9674.html