Heim Backend-Entwicklung PHP-Tutorial 利用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
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium) 11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium) Mar 03, 2025 am 10:49 AM

Lange URLs, die oft mit Schlüsselwörtern und Tracking -Parametern überfüllt sind, können Besucher abschrecken. Ein URL -Verkürzungsskript bietet eine Lösung, die präzise Links erstellt, die ideal für soziale Medien und andere Plattformen sind. Diese Skripte sind für einzelne Websites a wertvoll

Einführung in die Instagram -API Einführung in die Instagram -API Mar 02, 2025 am 09:32 AM

Nach seiner hochkarätigen Akquisition durch Facebook im Jahr 2012 nahm Instagram zwei APIs für den Einsatz von Drittanbietern ein. Dies sind die Instagram -Graph -API und die Instagram Basic Display -API. Ein Entwickler, der eine App erstellt, die Informationen von a benötigt

Arbeiten mit Flash -Sitzungsdaten in Laravel Arbeiten mit Flash -Sitzungsdaten in Laravel Mar 12, 2025 pm 05:08 PM

Laravel vereinfacht die Behandlung von temporären Sitzungsdaten mithilfe seiner intuitiven Flash -Methoden. Dies ist perfekt zum Anzeigen von kurzen Nachrichten, Warnungen oder Benachrichtigungen in Ihrer Anwendung. Die Daten bestehen nur für die nachfolgende Anfrage standardmäßig: $ Anfrage-

Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren Mar 04, 2025 am 09:33 AM

Dies ist der zweite und letzte Teil der Serie zum Aufbau einer Reaktionsanwendung mit einem Laravel-Back-End. Im ersten Teil der Serie haben wir eine erholsame API erstellt, die Laravel für eine grundlegende Produktlistenanwendung unter Verwendung von Laravel erstellt hat. In diesem Tutorial werden wir Dev sein

Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests Mar 12, 2025 pm 05:09 PM

Laravel bietet eine kurze HTTP -Antwortsimulationssyntax und vereinfache HTTP -Interaktionstests. Dieser Ansatz reduziert die Code -Redundanz erheblich, während Ihre Testsimulation intuitiver wird. Die grundlegende Implementierung bietet eine Vielzahl von Verknüpfungen zum Antworttyp: Verwenden Sie Illuminate \ Support \ facades \ http; Http :: fake ([ 'Google.com' => 'Hallo Welt',, 'github.com' => ['foo' => 'bar'], 'Forge.laravel.com' =>

Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs Mar 14, 2025 am 11:42 AM

Die PHP Client -URL -Erweiterung (CURL) ist ein leistungsstarkes Tool für Entwickler, das eine nahtlose Interaktion mit Remote -Servern und REST -APIs ermöglicht. Durch die Nutzung von Libcurl, einer angesehenen Bibliothek mit Multi-Protokoll-Dateien, erleichtert PHP Curl effiziente Execu

12 Beste PHP -Chat -Skripte auf Codecanyon 12 Beste PHP -Chat -Skripte auf Codecanyon Mar 13, 2025 pm 12:08 PM

Möchten Sie den dringlichsten Problemen Ihrer Kunden in Echtzeit und Sofortlösungen anbieten? Mit Live-Chat können Sie Echtzeitgespräche mit Kunden führen und ihre Probleme sofort lösen. Sie ermöglichen es Ihnen, Ihrem Brauch einen schnelleren Service zu bieten

Ankündigung von 2025 PHP Situation Survey Ankündigung von 2025 PHP Situation Survey Mar 03, 2025 pm 04:20 PM

Die 2025 PHP Landscape Survey untersucht die aktuellen PHP -Entwicklungstrends. Es untersucht Framework -Nutzung, Bereitstellungsmethoden und Herausforderungen, die darauf abzielen, Entwicklern und Unternehmen Einblicke zu geben. Die Umfrage erwartet das Wachstum der modernen PHP -Versio

See all articles