【入门】PHP 与 js的通信（via ajax,json）
JavaScript端： 注意：一定要设置xmlHttp.setRequestHeader，否则传往PHP的参数会变成null（line 38） 亮点在line 31！ 代码 1 script type ="text/javascript" 2 function GetJson() { 3 var xmlHttp; 4 try { 5 // Firefox, Opera 8.0+, Safari 6 xmlHttp
JavaScript端：
注意：一定要设置xmlHttp.setRequestHeader，否则传往PHP的参数会变成null（line 38）
亮点在line 31！
代码
<p><span> 1</span> <span><span>script </span><span>type</span><span>="text/javascript"</span><span>></span><span><br></span><span> 2</span> <span>function</span><span> GetJson() {<br></span><span> 3</span> <span>var</span><span> xmlHttp;<br></span><span> 4</span> <span>try</span><span> {<br></span><span> 5</span> <span>//</span><span> Firefox, Opera 8.0+, Safari</span><span><br></span><span> 6</span> <span> </span><span> xmlHttp </span><span>=</span><span>new</span><span> XMLHttpRequest();<br></span><span> 7</span> <span> }<br></span><span> 8</span> <span>catch</span><span> (e) {<br></span><span> 9</span> <span>//</span><span> Internet Explorer</span><span><br></span><span>10</span> <span> </span><span>try</span><span> {<br></span><span>11</span> <span> xmlHttp </span><span>=</span><span>new</span><span> ActiveXObject(</span><span>"</span><span>Msxml2.XMLHTTP</span><span>"</span><span>);<br></span><span>12</span> <span> }<br></span><span>13</span> <span>catch</span><span> (e) {<br></span><span>14</span> <span><br></span><span>15</span> <span>try</span><span> {<br></span><span>16</span> <span> xmlHttp </span><span>=</span><span>new</span><span> ActiveXObject(</span><span>"</span><span>Microsoft.XMLHTTP</span><span>"</span><span>);<br></span><span>17</span> <span> }<br></span><span>18</span> <span>catch</span><span> (e) {<br></span><span>19</span> <span> alert(</span><span>"</span><span>您的浏览器不支持AJAX！</span><span>"</span><span>);<br></span><span>20</span> <span>return</span><span>false</span><span>;<br></span><span>21</span> <span> }<br></span><span>22</span> <span> }<br></span><span>23</span> <span> }<br></span><span>24</span> <span><br></span><span>25</span> <span> xmlHttp.onreadystatechange </span><span>=</span><span>function</span><span>() {<br></span><span>26</span> <span>if</span><span> (xmlHttp.readyState </span><span>==</span><span>4</span><span>) {<br></span><span>27</span> <span>//</span><span>alert(xmlHttp.responseText);</span><span><br></span><span>28</span> <span>var</span><span> str </span><span>=</span><span> xmlHttp.responseText;<br></span><span>29</span> <span> document.getElementById(</span><span>'</span><span>show</span><span>'</span><span>).innerHTML </span><span>+=</span><span>str;<br></span><span>30</span> <span>//</span><span>alert(str);</span><span><br></span><span>31</span> <span>var</span><span> obj </span><span>=</span><span> eval(</span><span>'</span><span>(</span><span>'</span><span>+</span><span> xmlHttp.responseText </span><span>+</span><span>'</span><span>)</span><span>'</span><span>);<br></span><span>32</span> <span>//</span><span>var obj = eval(({"id":"123","name":"elar","age":"21"}));</span><span><br></span><span>33</span> <span> alert(obj.name);<br></span><span>34</span> <span> }<br></span><span>35</span> <span> }<br></span><span>36</span> <span>var</span><span> data </span><span>=</span><span>"</span><span>id=123</span><span>"</span><span>;<br></span><span>37</span> <span> xmlHttp.open(</span><span>"</span><span>POST</span><span>"</span><span>, </span><span>"</span><span>testJson.php</span><span>"</span><span>, </span><span>true</span><span>);<br></span><span>38</span> <span> xmlHttp.setRequestHeader(</span><span>"</span><span>Content-Type</span><span>"</span><span>,</span><span>"</span><span>application/x-www-form-urlencoded</span><span>"</span><span>); <br></span><span>39</span> <span> xmlHttp.send(</span><span>"</span><span>id=123</span><span>"</span><span>);<br></span><span>40</span> <span> }<br></span><span>41</span> <span></span><span>script</span><span>></span><span><br></span><span>42</span> <span><span>input </span><span>type</span><span>="button"</span><span> onclick</span><span>="GetJson()"</span><span> value</span><span>="按我！"</span><span>/></span><span><br></span><span>43</span> <span><span>hr </span><span>/></span><span><br></span><span>44</span> <span><span>div </span><span>id</span><span>="show"</span><span>></span><span>div</span><span>></span></span></span></span></span></p>PHP端【testJson.php】：
亮点在line 6
<p><span>1</span> <span></span><span>php <br></span><span>2</span> <span> </span><span>$res</span><span>[</span><span>'</span><span>id</span><span>'</span><span>] </span><span>=</span><span>$_POST</span><span>[</span><span>'</span><span>id</span><span>'</span><span>];<br></span><span>3</span> <span>$res</span><span>[</span><span>'</span><span>name</span><span>'</span><span>] </span><span>=</span><span>"</span><span>elar</span><span>"</span><span>;<br></span><span>4</span> <span>$res</span><span>[</span><span>'</span><span>age</span><span>'</span><span>] </span><span>=</span><span>"</span><span>21</span><span>"</span><span>;<br></span><span>5</span> <span>$response</span><span>=</span><span>"</span><span>hello this is response</span><span>"</span><span>.</span><span>$_POST</span><span>[</span><span>'</span><span>id</span><span>'</span><span>];<br></span><span>6</span> <span>echo</span><span> json_encode(</span><span>$res</span><span>);<br></span><span>7</span> <span>?></span></p>
总结：
js要往PHP端送数据，用的是xmlHttp.send("id=123");
PHP给js送数据，用的是echo json_encode($res);（要注意变量$res的构造应符合JSON的规范）
js要解析PHP送来的JSON格式的数据，用var obj = eval('('+ xmlHttp.responseText +')');
----------关于 json VS eval 请 --Google
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1677
14
1431
52
1334
25
1279
29
1257
24
The Continued Use of PHP: Reasons for Its Endurance
Apr 19, 2025 am 12:23 AM
What’s still popular is the ease of use, flexibility and a strong ecosystem. 1) Ease of use and simple syntax make it the first choice for beginners. 2) Closely integrated with web development, excellent interaction with HTTP requests and database. 3) The huge ecosystem provides a wealth of tools and libraries. 4) Active community and open source nature adapts them to new needs and technology trends.
What happens if session_start() is called multiple times?
Apr 25, 2025 am 12:06 AM
Multiple calls to session_start() will result in warning messages and possible data overwrites. 1) PHP will issue a warning, prompting that the session has been started. 2) It may cause unexpected overwriting of session data. 3) Use session_status() to check the session status to avoid repeated calls.
The Compatibility of IIS and PHP: A Deep Dive
Apr 22, 2025 am 12:01 AM
IIS and PHP are compatible and are implemented through FastCGI. 1.IIS forwards the .php file request to the FastCGI module through the configuration file. 2. The FastCGI module starts the PHP process to process requests to improve performance and stability. 3. In actual applications, you need to pay attention to configuration details, error debugging and performance optimization.
What is the significance of the session_start() function?
May 03, 2025 am 12:18 AM
session_start()iscrucialinPHPformanagingusersessions.1)Itinitiatesanewsessionifnoneexists,2)resumesanexistingsession,and3)setsasessioncookieforcontinuityacrossrequests,enablingapplicationslikeuserauthenticationandpersonalizedcontent.
Composer: Aiding PHP Development Through AI
Apr 29, 2025 am 12:27 AM
AI can help optimize the use of Composer. Specific methods include: 1. Dependency management optimization: AI analyzes dependencies, recommends the best version combination, and reduces conflicts. 2. Automated code generation: AI generates composer.json files that conform to best practices. 3. Improve code quality: AI detects potential problems, provides optimization suggestions, and improves code quality. These methods are implemented through machine learning and natural language processing technologies to help developers improve efficiency and code quality.
PHP and IIS: Making Them Work Together
Apr 21, 2025 am 12:06 AM
Configuring and running PHP on IIS requires the following steps: 1) Download and install PHP, 2) Configuring IIS and adding FastCGI module, 3) Create and set up an application pool, 4) Create a website and bind to an application pool. Through these steps, you can easily deploy PHP applications on your Windows server and improve application stability and efficiency by configuring scaling and optimizing performance.
H5: Key Improvements in HTML5
Apr 28, 2025 am 12:26 AM
HTML5 brings five key improvements: 1. Semantic tags improve code clarity and SEO effects; 2. Multimedia support simplifies video and audio embedding; 3. Form enhancement simplifies verification; 4. Offline and local storage improves user experience; 5. Canvas and graphics functions enhance the visualization of web pages.
How to use MySQL functions for data processing and calculation
Apr 29, 2025 pm 04:21 PM
MySQL functions can be used for data processing and calculation. 1. Basic usage includes string processing, date calculation and mathematical operations. 2. Advanced usage involves combining multiple functions to implement complex operations. 3. Performance optimization requires avoiding the use of functions in the WHERE clause and using GROUPBY and temporary tables.
