Jquery框架下Ajax与PHP数据交换
一、前台传递字符串变量,后台返回字符串变量(非json格式)
Javascript代码:
这里,为了解决Ajax数据传递出现的汉字乱码,在字符串传递之前,使用javascript函数escape()对汉字字符串进行了编码,并且对返回
的字符串使用unescape()函数进行解码,使得汉字得以正常显示。当然了,后台PHP代码也添加了头文件,以保证汉字字符串不会出现乱码。各种后台代码解决
汉字乱码问题的方式如下:
PHP:header('Content-Type:text/html;charset=GB2312');
ASP:Response.Charset("GB2312")
JSP:response.setHeader("Charset","GB2312");
<span style="color: #008080;"> 1</span> $(<span style="color: #0000ff;">function</span><span style="color: #000000;">(){ </span><span style="color: #008080;"> 2</span> <span style="color: #0000ff;">var</span> my_data="前台变量"<span style="color: #000000;">; </span><span style="color: #008080;"> 3</span> my_data=escape(my_data)+"";<span style="color: #008000;">//</span><span style="color: #008000;">编码,防止汉字乱码</span> <span style="color: #008080;"> 4</span> <span style="color: #000000;"> $.ajax({ </span><span style="color: #008080;"> 5</span> url: "ajax_php.php"<span style="color: #000000;">, </span><span style="color: #008080;"> 6</span> type: "POST"<span style="color: #000000;">, </span><span style="color: #008080;"> 7</span> <span style="color: #000000;"> data:{trans_data:my_data}, </span><span style="color: #008080;"> 8</span> <span style="color: #008000;">//</span><span style="color: #008000;">dataType: "json",</span> <span style="color: #008080;"> 9</span> error: <span style="color: #0000ff;">function</span><span style="color: #000000;">(){ </span><span style="color: #008080;">10</span> alert('Error loading XML document'<span style="color: #000000;">); </span><span style="color: #008080;">11</span> <span style="color: #000000;"> }, </span><span style="color: #008080;">12</span> success: <span style="color: #0000ff;">function</span>(data,status){<span style="color: #008000;">//</span><span style="color: #008000;">如果调用php成功 </span> <span style="color: #008080;">13</span> alert(unescape(data));<span style="color: #008000;">//</span><span style="color: #008000;">解码,显示汉字</span> <span style="color: #008080;">14</span> <span style="color: #000000;"> } </span><span style="color: #008080;">15</span> <span style="color: #000000;"> }); </span><span style="color: #008080;">16</span> <span style="color: #008080;">17</span> });
PHP代码:
<span style="color: #008080;">1</span> <span style="color: #000000;">php </span><span style="color: #008080;">2</span> <span style="color: #008080;">header</span>('Content-Type:text/html; charset=gb2312');<span style="color: #008000;">//</span><span style="color: #008000;">使用gb2312编码,使中文不会变成乱码</span> <span style="color: #008080;">3</span> <span style="color: #800080;">$backValue</span>=<span style="color: #800080;">$_POST</span>['trans_data'<span style="color: #000000;">]; </span><span style="color: #008080;">4</span> <span style="color: #0000ff;">echo</span> <span style="color: #800080;">$backValue</span>."+后台返回"<span style="color: #000000;">; </span><span style="color: #008080;">5</span> ?>
显示效果如下图所示:
二、前台传递多个一维数组,后台返回字符串变量(非json格式)
Javascript代码:
在非json格式下,后台只能返回字符串,如果想后台返回数组,可以采用json格式,在本文的后面会详细介绍。
<span style="color: #008080;"> 1</span> $(<span style="color: #0000ff;">function</span><span style="color: #000000;">(){ </span><span style="color: #008080;"> 2</span> <span style="color: #0000ff;">var</span> my_data=<span style="color: #0000ff;">new</span><span style="color: #000000;"> Array(); </span><span style="color: #008080;"> 3</span> <span style="color: #0000ff;">var</span> my_data1=<span style="color: #0000ff;">new</span><span style="color: #000000;"> Array(); </span><span style="color: #008080;"> 4</span> my_data[0]=0<span style="color: #000000;">; </span><span style="color: #008080;"> 5</span> my_data[1]=1<span style="color: #000000;">; </span><span style="color: #008080;"> 6</span> my_data[2]=2<span style="color: #000000;">; </span><span style="color: #008080;"> 7</span> <span style="color: #008080;"> 8</span> my_data1[0]=10<span style="color: #000000;">; </span><span style="color: #008080;"> 9</span> my_data1[1]=11<span style="color: #000000;">; </span><span style="color: #008080;">10</span> my_data1[2]=12<span style="color: #000000;">; </span><span style="color: #008080;">11</span> <span style="color: #008080;">12</span> <span style="color: #000000;"> $.ajax({ </span><span style="color: #008080;">13</span> url: "ajax_php.php"<span style="color: #000000;">, </span><span style="color: #008080;">14</span> type: "POST"<span style="color: #000000;">, </span><span style="color: #008080;">15</span> <span style="color: #000000;"> data:{trans_data:my_data,trans_data1:my_data1}, </span><span style="color: #008080;">16</span> <span style="color: #008000;">//</span><span style="color: #008000;">dataType: "json",</span> <span style="color: #008080;">17</span> error: <span style="color: #0000ff;">function</span><span style="color: #000000;">(){ </span><span style="color: #008080;">18</span> alert('Error loading XML document'<span style="color: #000000;">); </span><span style="color: #008080;">19</span> <span style="color: #000000;"> }, </span><span style="color: #008080;">20</span> success: <span style="color: #0000ff;">function</span>(data,status){<span style="color: #008000;">//</span><span style="color: #008000;">如果调用php成功 </span> <span style="color: #008080;">21</span> alert(data); <span style="color: #008080;">22</span> <span style="color: #000000;"> } </span><span style="color: #008080;">23</span> <span style="color: #000000;"> }); </span><span style="color: #008080;">24</span> <span style="color: #008080;">25</span> });
PHP代码:
<span style="color: #008080;"> 1</span> <span style="color: #000000;">php </span><span style="color: #008080;"> 2</span> <span style="color: #008080;">header</span>('Content-Type:text/html; charset=gb2312');<span style="color: #008000;">//</span><span style="color: #008000;">使用gb2312编码,使中文不会变成乱码 </span><span style="color: #008080;"> 3</span> <span style="color: #008080;"> 4</span> <span style="color: #008000;"> //读取第一个数组</span> <span style="color: #008080;"> 5</span> <span style="color: #800080;">$backValue</span>="trans_data:"<span style="color: #000000;">; </span><span style="color: #008080;"> 6</span> <span style="color: #800080;">$trans</span>=<span style="color: #800080;">$_POST</span>['trans_data'<span style="color: #000000;">]; </span><span style="color: #008080;"> 7</span> <span style="color: #0000ff;">foreach</span>(<span style="color: #800080;">$trans</span> <span style="color: #0000ff;">as</span> <span style="color: #800080;">$value</span><span style="color: #000000;">) </span><span style="color: #008080;"> 8</span> <span style="color: #000000;"> { </span><span style="color: #008080;"> 9</span> <span style="color: #800080;">$backValue</span>=<span style="color: #800080;">$backValue</span>." ".<span style="color: #800080;">$value</span><span style="color: #000000;">; </span><span style="color: #008080;">10</span> <span style="color: #000000;"> } </span><span style="color: #008080;">11</span> <span style="color: #008080;">12</span> <span style="color: #008000;">//</span><span style="color: #008000;">读取第二个数组</span> <span style="color: #008080;">13</span> <span style="color: #800080;">$backValue</span>=<span style="color: #800080;">$backValue</span>." , trans_data1:"<span style="color: #000000;">; </span><span style="color: #008080;">14</span> <span style="color: #800080;">$trans</span>=<span style="color: #800080;">$_POST</span>['trans_data1'<span style="color: #000000;">]; </span><span style="color: #008080;">15</span> <span style="color: #0000ff;">foreach</span>(<span style="color: #800080;">$trans</span> <span style="color: #0000ff;">as</span> <span style="color: #800080;">$value</span><span style="color: #000000;">) </span><span style="color: #008080;">16</span> <span style="color: #000000;"> { </span><span style="color: #008080;">17</span> <span style="color: #800080;">$backValue</span>=<span style="color: #800080;">$backValue</span>." ".<span style="color: #800080;">$value</span><span style="color: #000000;">; </span><span style="color: #008080;">18</span> <span style="color: #000000;"> } </span><span style="color: #008080;">19</span> <span style="color: #0000ff;">echo</span> <span style="color: #800080;">$backValue</span><span style="color: #000000;">; </span><span style="color: #008080;">20</span> ?>
显示效果如下图:
三、前台传递多个一维数组,后台返回二维数组(json格式)
Javascript代码:
<span style="color: #008080;"> 1</span> $(<span style="color: #0000ff;">function</span><span style="color: #000000;">(){ </span><span style="color: #008080;"> 2</span> <span style="color: #0000ff;">var</span> my_data=<span style="color: #0000ff;">new</span><span style="color: #000000;"> Array(); </span><span style="color: #008080;"> 3</span> <span style="color: #0000ff;">var</span> my_data1=<span style="color: #0000ff;">new</span><span style="color: #000000;"> Array(); </span><span style="color: #008080;"> 4</span> my_data[0]=0<span style="color: #000000;">; </span><span style="color: #008080;"> 5</span> my_data[1]=1<span style="color: #000000;">; </span><span style="color: #008080;"> 6</span> my_data[2]=2<span style="color: #000000;">; </span><span style="color: #008080;"> 7</span> <span style="color: #008080;"> 8</span> my_data1[0]=10<span style="color: #000000;">; </span><span style="color: #008080;"> 9</span> my_data1[1]=11<span style="color: #000000;">; </span><span style="color: #008080;">10</span> my_data1[2]=12<span style="color: #000000;">; </span><span style="color: #008080;">11</span> <span style="color: #008080;">12</span> <span style="color: #000000;"> $.ajax({ </span><span style="color: #008080;">13</span> url: "ajax_php.php"<span style="color: #000000;">, </span><span style="color: #008080;">14</span> type: "POST"<span style="color: #000000;">, </span><span style="color: #008080;">15</span> <span style="color: #000000;"> data:{trans_data:my_data,trans_data1:my_data1}, </span><span style="color: #008080;">16</span> dataType: "json"<span style="color: #000000;">, </span><span style="color: #008080;">17</span> error: <span style="color: #0000ff;">function</span><span style="color: #000000;">(){ </span><span style="color: #008080;">18</span> alert('Error loading XML document'<span style="color: #000000;">); </span><span style="color: #008080;">19</span> <span style="color: #000000;"> }, </span><span style="color: #008080;">20</span> success: <span style="color: #0000ff;">function</span>(data){<span style="color: #008000;">//</span><span style="color: #008000;">如果调用php成功 </span> <span style="color: #008080;">21</span> <span style="color: #0000ff;">var</span> back=""<span style="color: #000000;">; </span><span style="color: #008080;">22</span> <span style="color: #0000ff;">for</span>(<span style="color: #0000ff;">var</span> i=0;i){ <span style="color: #008080;">23</span> <span style="color: #0000ff;">for</span>(<span style="color: #0000ff;">var</span> j=0;j<data style="color: #000000;">){ <span style="color: #008080;">24</span> back+=" "+i+" 行 "+j+" 列 :"+data[i][j]+" "<span style="color: #000000;">; </span><span style="color: #008080;">25</span> <span style="color: #000000;"> } </span><span style="color: #008080;">26</span> back+="\n"<span style="color: #000000;">; </span><span style="color: #008080;">27</span> <span style="color: #000000;"> } </span><span style="color: #008080;">28</span> <span style="color: #000000;"> alert(back); </span><span style="color: #008080;">29</span> <span style="color: #000000;"> } </span><span style="color: #008080;">30</span> <span style="color: #000000;"> }); </span><span style="color: #008080;">31</span> <span style="color: #008080;">32</span> });</data>
PHP代码:
<span style="color: #008080;">1</span> <span style="color: #000000;">php </span><span style="color: #008080;">2</span> <span style="color: #008080;">header</span>('Content-Type:text/html; charset=gb2312');<span style="color: #008000;">//</span><span style="color: #008000;">使用gb2312编码,使中文不会变成乱码 </span> <span style="color: #008080;">3</span> <span style="color: #800080;">$backValue</span>=<span style="color: #0000ff;">array</span><span style="color: #000000;">(); </span><span style="color: #008080;">4</span> <span style="color: #800080;">$backValue</span>[0]=<span style="color: #800080;">$_POST</span>['trans_data'<span style="color: #000000;">]; </span><span style="color: #008080;">5</span> <span style="color: #800080;">$backValue</span>[1]=<span style="color: #800080;">$_POST</span>['trans_data1'<span style="color: #000000;">]; </span><span style="color: #008080;">6</span> <span style="color: #008080;">7</span> <span style="color: #0000ff;">echo</span> json_encode(<span style="color: #800080;">$backValue</span><span style="color: #000000;">); </span><span style="color: #008080;">8</span> ?>
显示效果如下图:
四、前台传递一维数组和二维数组,后台返回二维数组(json格式)
Javascript代码:
<span style="color: #008080;"> 1</span> $(<span style="color: #0000ff;">function</span><span style="color: #000000;">(){ </span><span style="color: #008080;"> 2</span> <span style="color: #0000ff;">var</span> my_data=<span style="color: #0000ff;">new</span><span style="color: #000000;"> Array(); </span><span style="color: #008080;"> 3</span> <span style="color: #0000ff;">var</span> my_data1=<span style="color: #0000ff;">new</span><span style="color: #000000;"> Array(); </span><span style="color: #008080;"> 4</span> <span style="color: #0000ff;">var</span> my_data2=<span style="color: #0000ff;">new</span><span style="color: #000000;"> Array(); </span><span style="color: #008080;"> 5</span> <span style="color: #008080;"> 6</span> my_data[0]=0<span style="color: #000000;">; </span><span style="color: #008080;"> 7</span> my_data[1]=1<span style="color: #000000;">; </span><span style="color: #008080;"> 8</span> my_data[2]=2<span style="color: #000000;">; </span><span style="color: #008080;"> 9</span> <span style="color: #008080;">10</span> my_data1[0]=10<span style="color: #000000;">; </span><span style="color: #008080;">11</span> my_data1[1]=11<span style="color: #000000;">; </span><span style="color: #008080;">12</span> my_data1[2]=12<span style="color: #000000;">; </span><span style="color: #008080;">13</span> <span style="color: #008080;">14</span> my_data2[0]=<span style="color: #000000;">my_data; </span><span style="color: #008080;">15</span> my_data2[1]=<span style="color: #000000;">my_data1; </span><span style="color: #008080;">16</span> <span style="color: #008080;">17</span> <span style="color: #000000;"> $.ajax({ </span><span style="color: #008080;">18</span> url: "ajax_php.php"<span style="color: #000000;">, </span><span style="color: #008080;">19</span> type: "POST"<span style="color: #000000;">, </span><span style="color: #008080;">20</span> <span style="color: #000000;"> data:{trans_data:my_data,trans_data1:my_data1,trans_data2:my_data2}, </span><span style="color: #008080;">21</span> dataType: "json"<span style="color: #000000;">, </span><span style="color: #008080;">22</span> error: <span style="color: #0000ff;">function</span><span style="color: #000000;">(){ </span><span style="color: #008080;">23</span> alert('Error loading XML document'<span style="color: #000000;">); </span><span style="color: #008080;">24</span> <span style="color: #000000;"> }, </span><span style="color: #008080;">25</span> success: <span style="color: #0000ff;">function</span>(data){<span style="color: #008000;">//</span><span style="color: #008000;">如果调用php成功 </span> <span style="color: #008080;">26</span> <span style="color: #0000ff;">var</span> back=""<span style="color: #000000;">; </span><span style="color: #008080;">27</span> <span style="color: #0000ff;">for</span>(<span style="color: #0000ff;">var</span> i=0;i){ <span style="color: #008080;">28</span> <span style="color: #0000ff;">for</span>(<span style="color: #0000ff;">var</span> j=0;j<data style="color: #000000;">){ <span style="color: #008080;">29</span> back+=" "+i+" 行 "+j+" 列 :"+data[i][j]+" "<span style="color: #000000;">; </span><span style="color: #008080;">30</span> <span style="color: #000000;"> } </span><span style="color: #008080;">31</span> back+="\n"<span style="color: #000000;">; </span><span style="color: #008080;">32</span> <span style="color: #000000;"> } </span><span style="color: #008080;">33</span> <span style="color: #000000;"> alert(back); </span><span style="color: #008080;">34</span> <span style="color: #000000;"> } </span><span style="color: #008080;">35</span> <span style="color: #000000;"> }); </span><span style="color: #008080;">36</span> <span style="color: #008080;">37</span> });</data>
PHP代码:
<span style="color: #008080;">1</span> <span style="color: #000000;">php </span><span style="color: #008080;">2</span> <span style="color: #008080;">header</span>('Content-Type:text/html; charset=gb2312');<span style="color: #008000;">//</span><span style="color: #008000;">使用gb2312编码,使中文不会变成乱码 </span> <span style="color: #008080;">3</span> <span style="color: #800080;">$backValue</span>=<span style="color: #0000ff;">array</span><span style="color: #000000;">(); </span><span style="color: #008080;">4</span> <span style="color: #800080;">$backValue</span>=<span style="color: #800080;">$_POST</span>['trans_data2'<span style="color: #000000;">]; </span><span style="color: #008080;">5</span> <span style="color: #800080;">$backValue</span>[2]=<span style="color: #800080;">$_POST</span>['trans_data'<span style="color: #000000;">]; </span><span style="color: #008080;">6</span> <span style="color: #800080;">$backValue</span>[3]=<span style="color: #800080;">$_POST</span>['trans_data1'<span style="color: #000000;">]; </span><span style="color: #008080;">7</span> <span style="color: #008080;">8</span> <span style="color: #0000ff;">echo</span> json_encode(<span style="color: #800080;">$backValue</span><span style="color: #000000;">); </span><span style="color: #008080;">9</span> ?>
显示效果如下图:

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



PHP 8.4 bringt mehrere neue Funktionen, Sicherheitsverbesserungen und Leistungsverbesserungen mit einer beträchtlichen Menge an veralteten und entfernten Funktionen. In dieser Anleitung wird erklärt, wie Sie PHP 8.4 installieren oder auf PHP 8.4 auf Ubuntu, Debian oder deren Derivaten aktualisieren. Obwohl es möglich ist, PHP aus dem Quellcode zu kompilieren, ist die Installation aus einem APT-Repository wie unten erläutert oft schneller und sicherer, da diese Repositorys in Zukunft die neuesten Fehlerbehebungen und Sicherheitsupdates bereitstellen.

Visual Studio Code, auch bekannt als VS Code, ist ein kostenloser Quellcode-Editor – oder eine integrierte Entwicklungsumgebung (IDE) –, die für alle gängigen Betriebssysteme verfügbar ist. Mit einer großen Sammlung von Erweiterungen für viele Programmiersprachen kann VS Code c

Wenn Sie ein erfahrener PHP-Entwickler sind, haben Sie möglicherweise das Gefühl, dass Sie dort waren und dies bereits getan haben. Sie haben eine beträchtliche Anzahl von Anwendungen entwickelt, Millionen von Codezeilen debuggt und eine Reihe von Skripten optimiert, um op zu erreichen

Dieses Tutorial zeigt, wie XML -Dokumente mit PHP effizient verarbeitet werden. XML (Extensible Markup-Sprache) ist eine vielseitige textbasierte Markup-Sprache, die sowohl für die Lesbarkeit des Menschen als auch für die Analyse von Maschinen entwickelt wurde. Es wird üblicherweise für die Datenspeicherung ein verwendet und wird häufig verwendet

JWT ist ein offener Standard, der auf JSON basiert und zur sicheren Übertragung von Informationen zwischen Parteien verwendet wird, hauptsächlich für die Identitätsauthentifizierung und den Informationsaustausch. 1. JWT besteht aus drei Teilen: Header, Nutzlast und Signatur. 2. Das Arbeitsprinzip von JWT enthält drei Schritte: Generierung von JWT, Überprüfung von JWT und Parsingnayload. 3. Bei Verwendung von JWT zur Authentifizierung in PHP kann JWT generiert und überprüft werden, und die Funktionen und Berechtigungsinformationen der Benutzer können in die erweiterte Verwendung aufgenommen werden. 4. Häufige Fehler sind Signaturüberprüfungsfehler, Token -Ablauf und übergroße Nutzlast. Zu Debugging -Fähigkeiten gehört die Verwendung von Debugging -Tools und Protokollierung. 5. Leistungsoptimierung und Best Practices umfassen die Verwendung geeigneter Signaturalgorithmen, das Einstellen von Gültigkeitsperioden angemessen.

Eine Zeichenfolge ist eine Folge von Zeichen, einschließlich Buchstaben, Zahlen und Symbolen. In diesem Tutorial wird lernen, wie Sie die Anzahl der Vokale in einer bestimmten Zeichenfolge in PHP unter Verwendung verschiedener Methoden berechnen. Die Vokale auf Englisch sind a, e, i, o, u und sie können Großbuchstaben oder Kleinbuchstaben sein. Was ist ein Vokal? Vokale sind alphabetische Zeichen, die eine spezifische Aussprache darstellen. Es gibt fünf Vokale in Englisch, einschließlich Großbuchstaben und Kleinbuchstaben: a, e, ich, o, u Beispiel 1 Eingabe: String = "TutorialPoint" Ausgabe: 6 erklären Die Vokale in der String "TutorialPoint" sind u, o, i, a, o, ich. Insgesamt gibt es 6 Yuan

Statische Bindung (statisch: :) implementiert die späte statische Bindung (LSB) in PHP, sodass das Aufrufen von Klassen in statischen Kontexten anstatt Klassen zu definieren. 1) Der Analyseprozess wird zur Laufzeit durchgeführt.

Python unterstützt Anfänger bei der Problemlösung. Seine benutzerfreundliche Syntax, umfangreiche Bibliothek und Funktionen wie Variablen, bedingte Anweisungen und Schleifen ermöglichen eine effiziente Codeentwicklung. Von der Datenverwaltung über die Steuerung des Programmablaufs bis hin zur Ausführung wiederkehrender Aufgaben bietet Python
