Use js to call background php for data processing original code

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

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

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

最後附上演示地址：http://lfox0002.dns0755.net/text_input.php 請喜歡HACK他人機器的朋友們手下留情，附上演示是為了讓朋友們能更快了解代碼。

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

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

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

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

header("Cache-Control: no-store, no-cache,must-revalidate"); //這兩行可以取消，把文件存成HTML
echo $_POST["name1"]; //我是為了?#123;試方便才加的。
?>

根据编号从MYSQL提取数据进行编辑并回存[演示]

<script><br>var objInput = null;<br>var objTd = null;<br>var num =null;<br>function AutoEdit(obj,id)<br>{<br> if (objInput == null)<br> {<br> objTd = obj;<br> obj.innerHTML = "<input size=\"10\" maxlength=\"10\" type=\"text\" value=\"" + obj.innerText + "\" <BR>id=\"objInput\" onblur=\"objTd.innerText=this.value;LoadData(objTd.innerText,num);objInput=null;\" style=\"overflow:<BR>visible;border:none;background-color:#EFEFEF\">";<br> objInput = document.getElementById("objInput");<br> objInput.focus();<br> }<br>}</p> <p>function LoadData(LoadIndex,LoadObj)<br>{<br> var LoadFileName="load.php?action=" + LoadIndex + "&num=" + LoadObj;<br> document.getElementById("LoadDataSrc").src = LoadFileName;<br>}<br>function OutPutData(obj)<br>{<br> if (form1.num1.value.length<1){ alert("请输入数量1"); return false;}<BR> if (form1.num2.value.length<1){ alert("请输入数量2"); return false;}<BR> if (document.getElementById("name1").innerHTML.length<1){ alert("name1空值"); return false;}<BR> if (document.getElementById("name2").innerHTML.length<1){ alert("name2空值"); return false;}<BR> obj.innerHTML="<input type=\"hidden\" name=\"name1\" value=\"" + document.getElementById("name1").innerHTML + "\">";<br> obj.innerHTML+="<input type=\"hidden\" name=\"name2\" value=\"" + document.getElementById("name2").innerHTML + "\">";<br> obj.innerHTML+="<input type=\"hidden\" name=\"type1\" value=\"" + document.getElementById("type1").innerHTML + "\">";<br> obj.innerHTML+="<input type=\"hidden\" name=\"type2\" value=\"" + document.getElementById("type2").innerHTML + "\">";<br> obj.innerHTML+="<input type=\"hidden\" name=\"date1\" value=\"" + document.getElementById("date1").innerHTML + "\">";<br> obj.innerHTML+="<input type=\"hidden\" name=\"date2\" value=\"" + document.getElementById("date2").innerHTML + "\">";<br> obj.innerHTML+=form1.submit();<br>}<br>function postdata()<br>{<br> form1.submit(); <br>}<br></script>

输出

------------------------- --------------------------

LOAD.php

PHP code:--- -----------------------------------------------

header("Cache-Control: no-store, no-cache,must-revalidate");
include("obj/financial_obj_free.inc"); //The content of this file is Statement to connect to MYSQL.
$str=$_GET["action"];
$num=$_GET["num"];
if ($str=="OutPutData") OutPutData();
else
{
linkdata("financial",1);
$sql="select * from table where id='$str'";
if ($query=mysql_query($sql))
{
$temdata=mysql_fetch_row($query); //Check if it is empty. If so, attach the value to avoid JS error.
If (strlen($temdata[2])<1||$temdata[2]=="") $temdata[2]="empty";
$temdata[2]=htmlspecialchars($ temdata[2] ); 3]=htmlspecialchars ($temdata[3]);
$temdata[5]=htmlspecialchars($temdata[5]); ="Query failed";
}
switch ($num) //This is mainly used to check which column (row) it is passed from. Note that the variable value must correspond to the id value of the input. Otherwise, an error occurs
{
case 1:
$diva="name1";
$divb="type1";
$divc= "date1";
break;
case 2:
$diva="name2";
$divb="type2";
$divc="date2";
break;
default:
$diva="name1";
$divb="type1";
$divc="date1";
break;
}
//Confirm Node, output $temdata[X] to node $divX;
echo "document.getElementById('".$diva."').innerHTML='".$temdata[2]."';";
echo "document.getElementById('".$divb."').innerHTML='".$temdata[3]."';";
echo "document.getElementById('".$divc."' ).innerHTML='".$temdata[5]."';";
}

function OutPutData() //If you change this to a SQL statement, it can be written into the database
{
echo "The output data is as follows, change it into a SQL statement and then save it";
echo "Number 1=".$_POST["name1"]."
";
echo "Number 2=".$_POST["name2"]."
";

echo "Name1=".$_POST["type1"]."
";

echo "Name2=".$_POST["type2"]."
";
echo "Date1=".$_POST["date1"]."
";
echo "Date2=".$_POST["date2"]."
";
echo "Quantity1=".$_POST["num1"]."
";
echo "Quantity 2=".$_POST["num2"]."
";
echo "return";
}
?>

Related labels：

php use Original code Backstage place data processing method of transfer conduct

source：php.cn

Previous article：Summary of some common problems in Php_PHP tutorial Next article：Detailed explanation of PHP4 and MySQL database operation functions_PHP tutorial

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Use js to call background php for data processing original code_PHP tutorial