Maison développement back-end tutoriel php 利用js调用后台php进行数据处理原码

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

Jun 01, 2016 pm 02:28 PM

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

鉴于时间问题,代碼的提交部分使用的是传统的表单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>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代码:-----------------------------------------------

header("Cache-Control: no-store, no-cache,must-revalidate");
include("obj/financial_obj_free.inc");      //这个文件里的内容是连接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);     //看看是不是空的,如果是就附上值以免JS报错。
     if (strlen($temdata[2])       $temdata[2]=htmlspecialchars($temdata[2]);
     if (strlen($temdata[3])       $temdata[3]=htmlspecialchars($temdata[3]);
     if (strlen($temdata[5])       $temdata[5]=htmlspecialchars($temdata[5]);
    }
   else
    {
     $temdata[2]=$temdata[3]=$temdata[5]="查询失败";
    }
   switch ($num)  //这个主要是用于检查是从第几列(行)传过来的。注意变量值要与input的id值对应好.否则出错
    {
     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;
    }
     //确定节点,输出$temdata[X]到节点$divX;
   echo "document.getElementById('".$diva."').innerHTML='".$temdata[2]."';";
   echo "document.getElementById('".$divb."').innerHTML='".$temdata[3]."';";
   echo "document.getElementById('".$divc."').innerHTML='".$temdata[5]."';";
  }


function OutPutData() //这下面如果改成SQL语句就可以写进数据库
{
  echo "输出的数据如下,改成SQL语句然后就可以保存下来";
  echo "编号1=".$_POST["name1"]."
";
  echo "编号2=".$_POST["name2"]."
";
  echo "名称1=".$_POST["type1"]."
";
  echo "名称2=".$_POST["type2"]."
";
  echo "日期1=".$_POST["date1"]."
";
  echo "日期2=".$_POST["date2"]."
";
  echo "数量1=".$_POST["num1"]."
";
  echo "数量2=".$_POST["num2"]."
"; 
  echo "返回";
}
?>

a
b
a
b
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

11 meilleurs scripts de raccourcissement d'URL PHP (gratuit et premium) 11 meilleurs scripts de raccourcissement d'URL PHP (gratuit et premium) Mar 03, 2025 am 10:49 AM

11 meilleurs scripts de raccourcissement d'URL PHP (gratuit et premium)

Travailler avec les données de session Flash dans Laravel Travailler avec les données de session Flash dans Laravel Mar 12, 2025 pm 05:08 PM

Travailler avec les données de session Flash dans Laravel

Introduction à l'API Instagram Introduction à l'API Instagram Mar 02, 2025 am 09:32 AM

Introduction à l'API Instagram

Misque de réponse HTTP simplifié dans les tests Laravel Misque de réponse HTTP simplifié dans les tests Laravel Mar 12, 2025 pm 05:09 PM

Misque de réponse HTTP simplifié dans les tests Laravel

Construisez une application React avec un Laravel Back End: Partie 2, React Construisez une application React avec un Laravel Back End: Partie 2, React Mar 04, 2025 am 09:33 AM

Construisez une application React avec un Laravel Back End: Partie 2, React

Curl dans PHP: Comment utiliser l'extension PHP Curl dans les API REST Curl dans PHP: Comment utiliser l'extension PHP Curl dans les API REST Mar 14, 2025 am 11:42 AM

Curl dans PHP: Comment utiliser l'extension PHP Curl dans les API REST

12 meilleurs scripts de chat PHP sur Codecanyon 12 meilleurs scripts de chat PHP sur Codecanyon Mar 13, 2025 pm 12:08 PM

12 meilleurs scripts de chat PHP sur Codecanyon

Notifications à Laravel Notifications à Laravel Mar 04, 2025 am 09:22 AM

Notifications à Laravel

See all articles