社群
學習
工具庫
AI工具
休閒
搜尋
繁体中文
目錄
php传参方式1--ajax，php1--ajax
首頁 後端開發 php教程 php传参方式1--ajax，php1--ajax_PHP教程

php传参方式1--ajax，php1--ajax_PHP教程

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Jul 12, 2016 am 09:08 AM
ajax

php传参方式1--ajax，php1--ajax

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。异步请求（XMLHttpRequest对象），局部刷新（本质是js dom） ajax的用途还有填写表单时候自动判断用户名是否重复，比如你写博客写到一半突然电脑重启了，可以恢复你写了一半的内容。   get用于获取数据，有字数限制，请求提包括在url中，post无限制，用于修改服务器的内容。 get是安全的请求，需要保证不修改信息。

1、ajax一般用于当前页面，不实现页面跳转 

2、ajax端：怎样异步得监听服务器端的状态呢？通过onreadystatechange监听readystate属性

request.onreadystatechange = function() {

<span>if (request.readyState===4) {</span>
登入後複製
  • 0：请求未初始化（还没有调用 open()）。
  • 1：请求已经建立，但是还没有发送（还没有调用 send()）。
  • 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。
  • 3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。
  • 4：响应已完成；您可以获取并使用服务器的响应了。

所以一般都是判断等于4之后进行相应的操作。

但注意这个和request的status是不一样的

比如readystate=4但是status=404表示响应完成但是响应的内容是没有找到文件

所以一般做法是==200的时候返回内容，其他就显示发声错误即可。

注意在post请求中要设置url 成encode，及url解码，否则不能正确给出结果

request.setRequestHeader("Content-type","application/x-www-form-urlencoded");

但是url解码会有一个问题，由于进行urlencoded的时候加号会自动解码成空格，&会被解码成变量连接符，所以如果出现这些字符必须要进行转码

（在做canvas上传图片的url的时候遇到了这个问题）

Pic = Pic.replace(/\+/g, "%2B");
Pic = Pic.replace(/\&/g, "%26");

3、服务器通过echo来返回给传递ajax的界面。 （提示：zendstudio内置的浏览器对于ajax的页面总是会显示上一次的页面，所以改成在外置浏览器里运行 　　preference-general-web browser里面设置。） 如果只返回一行简单的，可以不用jason，jason可以更方便返回不同键值的数据。 
<span> 1</span> <span><!</span><span>DOCTYPE HTML</span><span>></span>
<span> 2</span> <span><</span><span>html</span><span>></span>
<span> 3</span> <span><</span><span>head</span><span>></span>
<span> 4</span> <span><</span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html; charset=utf-8"</span><span>></span>
<span> 5</span> <span><</span><span>title</span><span>></span>Demo<span></</span><span>title</span><span>></span>
<span> 6</span> <span><</span><span>style</span><span>></span>
<span> 7</span> <span>body, input, select, button, h1 </span><span>{</span>
<span> 8</span> <span>    font-size</span><span>:</span><span> 28px</span><span>;</span>
<span> 9</span> <span>    line-height</span><span>:</span><span>1.7</span><span>;</span>
<span>10</span> <span>}</span>
<span>11</span> <span></</span><span>style</span><span>></span>    
<span>12</span> <span></</span><span>head</span><span>></span>
<span>13</span> 
<span>14</span> <span><</span><span>body</span><span>></span>
<span>15</span> 
<span>16</span> <span><</span><span>h1</span><span>></span>员工查询<span></</span><span>h1</span><span>></span>
<span>17</span> 
<span>18</span> <span><</span><span>label</span><span>></span>请输入员工编号：<span></</span><span>label</span><span>></span>
<span>19</span> <span><</span><span>input </span><span>type</span><span>="text"</span><span> id</span><span>="keyword"</span> <span>/></span>
<span>20</span> <span><</span><span>button </span><span>id</span><span>="search"</span><span>></span>查询<span></</span><span>button</span><span>></span>
<span>21</span> <span><</span><span>p </span><span>id</span><span>="searchResult"</span><span>></</span><span>p</span><span>></span>
<span>22</span> 
<span>23</span> <span><</span><span>h1</span><span>></span>员工新建<span></</span><span>h1</span><span>></span>
<span>24</span> <span><</span><span>label</span><span>></span>请输入员工姓名：<span></</span><span>label</span><span>></span>
<span>25</span> <span><</span><span>input </span><span>type</span><span>="text"</span><span> id</span><span>="staffName"</span> <span>/><</span><span>br</span><span>></span>
<span>26</span> <span><</span><span>label</span><span>></span>请输入员工编号：<span></</span><span>label</span><span>></span>
<span>27</span> <span><</span><span>input </span><span>type</span><span>="text"</span><span> id</span><span>="staffNumber"</span> <span>/><</span><span>br</span><span>></span>
<span>28</span> <span><</span><span>label</span><span>></span>请选择员工性别：<span></</span><span>label</span><span>></span>
<span>29</span> <span><</span><span>select </span><span>id</span><span>="staffSex"</span><span>></span>
<span>30</span> <span><</span><span>option</span><span>></span>女<span></</span><span>option</span><span>></span>
<span>31</span> <span><</span><span>option</span><span>></span>男<span></</span><span>option</span><span>></span>
<span>32</span> <span></</span><span>select</span><span>><</span><span>br</span><span>></span>
<span>33</span> <span><</span><span>label</span><span>></span>请输入员工职位：<span></</span><span>label</span><span>></span>
<span>34</span> <span><</span><span>input </span><span>type</span><span>="text"</span><span> id</span><span>="staffJob"</span> <span>/><</span><span>br</span><span>></span>
<span>35</span> <span><</span><span>button </span><span>id</span><span>="save"</span><span>></span>保存<span></</span><span>button</span><span>></span>
<span>36</span> <span><</span><span>p </span><span>id</span><span>="createResult"</span><span>></</span><span>p</span><span>></span>
<span>37</span> 
<span>38</span> <span><</span><span>script</span><span>></span>
<span>39</span> <span>document.getElementById(</span><span>"</span><span>search</span><span>"</span><span>).onclick </span><span>=</span> <span>function</span><span>() { 
</span><span>40</span>     <span>var</span><span> request </span><span>=</span> <span>new</span><span> XMLHttpRequest();
</span><span>41</span> <span>    request.open(</span><span>"</span><span>GET</span><span>"</span><span>, </span><span>"</span><span>serverjson.php?number=</span><span>"</span> <span>+</span><span> document.getElementById(</span><span>"</span><span>keyword</span><span>"</span><span>).value);
</span><span>42</span> <span>    request.send();
</span><span>43</span> <span>    request.onreadystatechange </span><span>=</span> <span>function</span><span>() {
</span><span>44</span>         <span>if</span><span> (request.readyState</span><span>===</span><span>4</span><span>) {
</span><span>45</span>             <span>if</span><span> (request.status</span><span>===</span><span>200</span><span>) { </span><span>//</span><span>不同的status在百度可以找到</span>
<span>46</span>                 <span>var</span><span> data </span><span>=</span><span> JSON.parse(request.responseText);</span><span>//</span><span>json.parse!</span>
<span>47</span>                 <span>if</span><span> (data.success) { </span><span>//</span><span>注意seccess也返回jason的一个键值</span>
<span>48</span> <span>                    document.getElementById(</span><span>"</span><span>searchResult</span><span>"</span><span>).innerHTML </span><span>=</span><span> data.msg;</span><span>//</span><span>json中的msg键值</span>
<span>49</span> <span>                } </span><span>else</span><span> {
</span><span>50</span> <span>                    document.getElementById(</span><span>"</span><span>searchResult</span><span>"</span><span>).innerHTML </span><span>=</span> <span>"</span><span>出现错误：</span><span>"</span> <span>+</span><span> data.msg;
</span><span>51</span> <span>                }
</span><span>52</span> <span>            } </span><span>else</span><span> {<br /></span><span>53</span> <span>                alert(</span><span>"</span><span>发生错误：</span><span>"</span> <span>+</span><span> request.status);
</span><span>54</span> <span>            }
</span><span>55</span> <span>        } 
</span><span>56</span> <span>    }
</span><span>57</span> <span>}
</span><span>58</span> 
<span>59</span> <span>document.getElementById(</span><span>"</span><span>save</span><span>"</span><span>).onclick </span><span>=</span> <span>function</span><span>() { 
</span><span>60</span>     <span>var</span><span> request </span><span>=</span> <span>new</span><span> XMLHttpRequest();
</span><span>61</span> <span>    request.open(</span><span>"</span><span>POST</span><span>"</span><span>, </span><span>"</span><span>serverjson.php</span><span>"</span><span>);
</span><span>62</span>     <span>var</span><span> data </span><span>=</span> <span>"</span><span>name=</span><span>"</span> <span>+</span><span> document.getElementById(</span><span>"</span><span>staffName</span><span>"</span><span>).value 
</span><span>63</span>                       <span>+</span> <span>"</span><span>&number=</span><span>"</span> <span>+</span><span> document.getElementById(</span><span>"</span><span>staffNumber</span><span>"</span><span>).value 
</span><span>64</span>                       <span>+</span> <span>"</span><span>&sex=</span><span>"</span> <span>+</span><span> document.getElementById(</span><span>"</span><span>staffSex</span><span>"</span><span>).value 
</span><span>65</span>                       <span>+</span> <span>"</span><span>&job=</span><span>"</span> <span>+</span><span> document.getElementById(</span><span>"</span><span>staffJob</span><span>"</span><span>).value;
</span><span>66</span> <strong><span>    request.setRequestHeader(</span><span>"</span><span>Content-type</span><span>"</span><span>,</span><span>"</span><span>application/x-www-form-urlencoded</span><span>"</span><span>);
</span></strong><span>67</span> <span>    request.send(data);
</span><span>68</span> <span>    request.onreadystatechange </span><span>=</span> <span>function</span><span>() {
</span><span>69</span>         <span>if</span><span> (request.readyState</span><span>===</span><span>4</span><span>) {
</span><span>70</span>             <span>if</span><span> (request.status</span><span>===</span><span>200</span><span>) { 
</span><span>71</span>                 <span>var</span><span> data </span><span>=</span><span> JSON.parse(request.responseText);
</span><span>72</span>                 <span>if</span><span> (data.success) { 
</span><span>73</span> <span>                    document.getElementById(</span><span>"</span><span>createResult</span><span>"</span><span>).innerHTML </span><span>=</span><span> data.msg;
</span><span>74</span> <span>                } </span><span>else</span><span> {
</span><span>75</span> <span>                    document.getElementById(</span><span>"</span><span>createResult</span><span>"</span><span>).innerHTML </span><span>=</span> <span>"</span><span>出现错误：</span><span>"</span> <span>+</span><span> data.msg;
</span><span>76</span> <span>                }
</span><span>77</span> <span>            } </span><span>else</span><span> {
</span><span>78</span> <span>                alert(</span><span>"</span><span>发生错误：</span><span>"</span> <span>+</span><span> request.status);
</span><span>79</span> <span>            }
</span><span>80</span> <span>        } 
</span><span>81</span> <span>    }
</span><span>82</span> <span>}
</span><span>83</span> <span></</span><span>script</span><span>></span>
<span>84</span> <span></</span><span>body</span><span>></span>
<span>85</span> <span></</span><span>html</span><span>></span>
登入後複製

3、响应server代码serverjason.php

<?<span>php
</span><span>//</span><span>设置页面内容是html编码格式是utf-8</span>
<span>header</span>("Content-Type: text/plain;charset=utf-8"<span>); 
</span><span>//</span><span>header("Content-Type: application/json;charset=utf-8"); 
//header("Content-Type: text/xml;charset=utf-8"); 
//header("Content-Type: text/html;charset=utf-8"); 
//header("Content-Type: application/javascript;charset=utf-8"); 

//定义一个多维数组，包含员工的信息，每条员工信息为一个数组</span>
<span>$staff</span> = <span>array</span><span>
    (
        </span><span>array</span>("name" => "洪七", "number" => "101", "sex" => "男", "job" => "总经理"),
        <span>array</span>("name" => "郭靖", "number" => "102", "sex" => "男", "job" => "开发工程师"),
        <span>array</span>("name" => "黄蓉", "number" => "103", "sex" => "女", "job" => "产品经理"<span>)
    );

</span><span>//</span><span>判断如果是get请求，则进行搜索；如果是POST请求，则进行新建
//$_SERVER是一个超全局变量，在一个脚本的全部作用域中都可用，不用使用global关键字
//$_SERVER["REQUEST_METHOD"]返回访问页面使用的请求方法</span>
<span>if</span> (<span>$_SERVER</span>["REQUEST_METHOD"] == "GET"<span>) {
    search();
} </span><span>elseif</span> (<span>$_SERVER</span>["REQUEST_METHOD"] == "POST"<span>){
    create();
}

</span><span>//</span><span>通过员工编号搜索员工</span>
<span>function</span><span> search(){
    </span><span>//</span><span>检查是否有员工编号的参数
    //isset检测变量是否设置；empty判断值为否为空
    //超全局变量 $_GET 和 $_POST 用于收集表单数据</span>
    <span>if</span> (!<span>isset</span>(<span>$_GET</span>["number"]) || <span>empty</span>(<span>$_GET</span>["number"<span>])) {
        </span><span>echo</span> '{"success":false,"msg":"参数错误"}';<span>//</span><span>jason格式</span>
        <span>return</span><span>;
    }
    </span><span>//</span><span>函数之外声明的变量拥有 Global 作用域，只能在函数以外进行访问。
    //global 关键词用于访问函数内的全局变量</span>
    <span>global</span> <span>$staff</span><span>;
    </span><span>//</span><span>获取number参数</span>
    <span>$number</span> = <span>$_GET</span>["number"<span>];
    </span><span>$result</span> = '{"success":false,"msg":"没有找到员工。"}'<span>;
    
    </span><span>//</span><span>遍历$staff多维数组，查找key值为number的员工是否存在，如果存在，则修改返回结果</span>
    <span>foreach</span> (<span>$staff</span> <span>as</span> <span>$value</span><span>) {
        </span><span>if</span> (<span>$value</span>["number"] == <span>$number</span><span>) {
            </span><span>$result</span> = '{"success":true,"msg":"找到员工：员工编号：' . <span>$value</span>["number"] . 
                            '，员工姓名：' . <span>$value</span>["name"] . 
                            '，员工性别：' . <span>$value</span>["sex"] . 
                            '，员工职位：' . <span>$value</span>["job"] . '"}';<span>//</span><span>jason格式</span>
            <span>break</span><span>;
        }
    }
    </span><span>echo</span> <span>$result</span><span>;
}

</span><span>//</span><span>创建员工</span>
<span>function</span><span> create(){
    </span><span>//</span><span>判断信息是否填写完全</span>
    <span>if</span> (!<span>isset</span>(<span>$_POST</span>["name"]) || <span>empty</span>(<span>$_POST</span>["name"<span>])
        </span>|| !<span>isset</span>(<span>$_POST</span>["number"]) || <span>empty</span>(<span>$_POST</span>["number"<span>])
        </span>|| !<span>isset</span>(<span>$_POST</span>["sex"]) || <span>empty</span>(<span>$_POST</span>["sex"<span>])
        </span>|| !<span>isset</span>(<span>$_POST</span>["job"]) || <span>empty</span>(<span>$_POST</span>["job"<span>])) {
        </span><span>echo</span> '{"success":false,"msg":"参数错误，员工信息填写不全"}'<span>;
        </span><span>return</span><span>;
    }
    </span><span>//</span><span>TODO: 获取POST表单数据并保存到数据库
    
    //提示保存成功</span>
    <span>echo</span> '{"success":true,"msg":"员工：' . <span>$_POST</span>["name"] . ' 信息保存成功！"}'<span>;
}

</span>?>
登入後複製

4、下面是jQuery的形式

<span><!</span><span>DOCTYPE HTML</span><span>></span>
<span><</span><span>html</span><span>></span>
<span><</span><span>head</span><span>></span>
<span><</span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html; charset=utf-8"</span><span>></span>
<span><</span><span>title</span><span>></span>Demo<span></</span><span>title</span><span>></span>
<span><</span><span>style</span><span>></span><span>
body, input, select, button, h1 </span><span>{</span><span>
    font-size</span><span>:</span><span> 28px</span><span>;</span><span>
    line-height</span><span>:</span><span>1.7</span><span>;</span>
<span>}</span>
<span></</span><span>style</span><span>></span>    
<span></</span><span>head</span><span>></span>

<span><</span><span>body</span><span>></span>

<span><</span><span>h1</span><span>></span>员工查询<span></</span><span>h1</span><span>></span>

<span><</span><span>label</span><span>></span>请输入员工编号：<span></</span><span>label</span><span>></span>
<span><</span><span>input </span><span>type</span><span>="text"</span><span> id</span><span>="keyword"</span> <span>/></span>
<span><</span><span>button </span><span>id</span><span>="search"</span><span>></span>查询<span></</span><span>button</span><span>></span>
<span><</span><span>p </span><span>id</span><span>="searchResult"</span><span>></</span><span>p</span><span>></span>

<span><</span><span>h1</span><span>></span>员工新建<span></</span><span>h1</span><span>></span>
<span><</span><span>label</span><span>></span>请输入员工姓名：<span></</span><span>label</span><span>></span>
<span><</span><span>input </span><span>type</span><span>="text"</span><span> id</span><span>="staffName"</span> <span>/><</span><span>br</span><span>></span>
<span><</span><span>label</span><span>></span>请输入员工编号：<span></</span><span>label</span><span>></span>
<span><</span><span>input </span><span>type</span><span>="text"</span><span> id</span><span>="staffNumber"</span> <span>/><</span><span>br</span><span>></span>
<span><</span><span>label</span><span>></span>请选择员工性别：<span></</span><span>label</span><span>></span>
<span><</span><span>select </span><span>id</span><span>="staffSex"</span><span>></span>
<span><</span><span>option</span><span>></span>女<span></</span><span>option</span><span>></span>
<span><</span><span>option</span><span>></span>男<span></</span><span>option</span><span>></span>
<span></</span><span>select</span><span>><</span><span>br</span><span>></span>
<span><</span><span>label</span><span>></span>请输入员工职位：<span></</span><span>label</span><span>></span>
<span><</span><span>input </span><span>type</span><span>="text"</span><span> id</span><span>="staffJob"</span> <span>/><</span><span>br</span><span>></span>
<span><</span><span>button </span><span>id</span><span>="save"</span><span>></span>保存<span></</span><span>button</span><span>></span>
<span><</span><span>p </span><span>id</span><span>="createResult"</span><span>></</span><span>p</span><span>></span>

<span><</span><span>script </span><span>src</span><span>="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"</span><span>></</span><span>script</span><span>></span>
<span><</span><span>script</span><span>></span><span>
$(document).ready(</span><span>function</span><span>(){ 
    $(</span><span>"</span><span>#search</span><span>"</span><span>).click(</span><span>function</span><span>(){ 
        $.ajax({ 
            type: </span><span>"</span><span>GET</span><span>"</span><span>,     
            url: </span><span>"</span><span>serverjson2.php?number=</span><span>"</span> <span>+</span><span> $(</span><span>"</span><span>#keyword</span><span>"</span><span>).val(),
            dataType: </span><span>"</span><span>json</span><span>"</span><span>,
            success: </span><span>function</span><span>(data) {
                </span><span>if</span><span> (data.success) { 
                    $(</span><span>"</span><span>#searchResult</span><span>"</span><span>).html(data.msg);
                } </span><span>else</span><span> {
                    $(</span><span>"</span><span>#searchResult</span><span>"</span><span>).html(</span><span>"</span><span>出现错误：</span><span>"</span> <span>+</span><span> data.msg);
                }  
            },
            error: </span><span>function</span><span>(jqXHR){     
               alert(</span><span>"</span><span>发生错误：</span><span>"</span> <span>+</span><span> jqXHR.status);  
            },     
        });
    });
    
    $(</span><span>"</span><span>#save</span><span>"</span><span>).click(</span><span>function</span><span>(){ 
        $.ajax({ 
            type: </span><span>"</span><span>POST</span><span>"</span><span>,     
            url: </span><span>"</span><span>serverjson.php</span><span>"</span><span>,
            data: {
                name: $(</span><span>"</span><span>#staffName</span><span>"</span><span>).val(), 
                number: $(</span><span>"</span><span>#staffNumber</span><span>"</span><span>).val(), 
                sex: $(</span><span>"</span><span>#staffSex</span><span>"</span><span>).val(), 
                job: $(</span><span>"</span><span>#staffJob</span><span>"</span><span>).val()
            },
            dataType: </span><span>"</span><span>json</span><span>"</span><span>,
            success: </span><span>function</span><span>(data){
                </span><span>if</span><span> (data.success) { 
                    $(</span><span>"</span><span>#createResult</span><span>"</span><span>).html(data.msg);
                } </span><span>else</span><span> {
                    $(</span><span>"</span><span>#createResult</span><span>"</span><span>).html(</span><span>"</span><span>出现错误：</span><span>"</span> <span>+</span><span> data.msg);
                }  
            },
            error: </span><span>function</span><span>(jqXHR){     
               alert(</span><span>"</span><span>发生错误：</span><span>"</span> <span>+</span><span> jqXHR.status);  
            },     
        });
    });
});
</span><span></</span><span>script</span><span>></span>
<span></</span><span>body</span><span>></span>
<span></</span><span>html</span><span>></span>
登入後複製
<?<span>php
</span><span>//</span><span>设置页面内容是html编码格式是utf-8
//header("Content-Type: text/plain;charset=utf-8"); </span>
<span>header</span>('Access-Control-Allow-Origin:*'<span>);
</span><span>header</span>('Access-Control-Allow-Methods:POST,GET'<span>);
</span><span>header</span>('Access-Control-Allow-Credentials:true'<span>); 
</span><span>header</span>("Content-Type: application/json;charset=utf-8"<span>); 
</span><span>//</span><span>header("Content-Type: text/xml;charset=utf-8"); 
//header("Content-Type: text/html;charset=utf-8"); 
//header("Content-Type: application/javascript;charset=utf-8"); 

//定义一个多维数组，包含员工的信息，每条员工信息为一个数组</span>
<span>$staff</span> = <span>array</span><span>
    (
        </span><span>array</span>("name" => "洪七", "number" => "101", "sex" => "男", "job" => "总经理"),
        <span>array</span>("name" => "郭靖", "number" => "102", "sex" => "男", "job" => "开发工程师"),
        <span>array</span>("name" => "黄蓉", "number" => "103", "sex" => "女", "job" => "产品经理"<span>)
    );

</span><span>//</span><span>判断如果是get请求，则进行搜索；如果是POST请求，则进行新建
//$_SERVER是一个超全局变量，在一个脚本的全部作用域中都可用，不用使用global关键字
//$_SERVER["REQUEST_METHOD"]返回访问页面使用的请求方法</span>
<span>if</span> (<span>$_SERVER</span>["REQUEST_METHOD"] == "GET"<span>) {
    search();
} </span><span>elseif</span> (<span>$_SERVER</span>["REQUEST_METHOD"] == "POST"<span>){
    create();
}

</span><span>//</span><span>通过员工编号搜索员工</span>
<span>function</span><span> search(){
    </span><span>//</span><span>检查是否有员工编号的参数
    //isset检测变量是否设置；empty判断值为否为空
    //超全局变量 $_GET 和 $_POST 用于收集表单数据</span>
    <span>if</span> (!<span>isset</span>(<span>$_GET</span>["number"]) || <span>empty</span>(<span>$_GET</span>["number"<span>])) {
        </span><span>echo</span> '{"success":false,"msg":"参数错误"}'<span>;
        </span><span>return</span><span>;
    }
    </span><span>//</span><span>函数之外声明的变量拥有 Global 作用域，只能在函数以外进行访问。
    //global 关键词用于访问函数内的全局变量</span>
    <span>global</span> <span>$staff</span><span>;
    </span><span>//</span><span>获取number参数</span>
    <span>$number</span> = <span>$_GET</span>["number"<span>];
    </span><span>$result</span> = '{"success":false,"msg":"没有找到员工。"}'<span>;
    
    </span><span>//</span><span>遍历$staff多维数组，查找key值为number的员工是否存在，如果存在，则修改返回结果</span>
    <span>foreach</span> (<span>$staff</span> <span>as</span> <span>$value</span><span>) {
        </span><span>if</span> (<span>$value</span>["number"] == <span>$number</span><span>) {
            </span><span>$result</span> = '{"success":true,"msg":"找到员工：员工编号：' . <span>$value</span>["number"] . 
                            '，员工姓名：' . <span>$value</span>["name"] . 
                            '，员工性别：' . <span>$value</span>["sex"] . 
                            '，员工职位：' . <span>$value</span>["job"] . '"}'<span>;
            </span><span>break</span><span>;
        }
    }
    </span><span>echo</span> <span>$result</span><span>;
}

</span><span>//</span><span>创建员工</span>
<span>function</span><span> create(){
    </span><span>//</span><span>判断信息是否填写完全</span>
    <span>if</span> (!<span>isset</span>(<span>$_POST</span>["name"]) || <span>empty</span>(<span>$_POST</span>["name"<span>])
        </span>|| !<span>isset</span>(<span>$_POST</span>["number"]) || <span>empty</span>(<span>$_POST</span>["number"<span>])
        </span>|| !<span>isset</span>(<span>$_POST</span>["sex"]) || <span>empty</span>(<span>$_POST</span>["sex"<span>])
        </span>|| !<span>isset</span>(<span>$_POST</span>["job"]) || <span>empty</span>(<span>$_POST</span>["job"<span>])) {
        </span><span>echo</span> '{"success":false,"msg":"参数错误，员工信息填写不全"}'<span>;
        </span><span>return</span><span>;
    }
    </span><span>//</span><span>TODO: 获取POST表单数据并保存到数据库
    
    //提示保存成功</span>
    <span>echo</span> '{"success":true,"msg":"员工：' . <span>$_POST</span>["name"] . ' 信息保存成功！"}'<span>;
}

</span>?>
登入後複製

 

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/1056843.htmlTechArticlephp传参方式1--ajax，php1--ajax AJAX即A synchronous J avascriptAnd X ML （异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX = 异步...
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

顯示更多

熱門文章

<🎜>：種植花園 - 完整的突變指南
3 週前 By DDD
<🎜>：泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
如何修復KB5055612無法在Windows 10中安裝？
3 週前 By DDD
藍王子：如何到達地下室
1 個月前 By DDD
北端：融合系統，解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
顯示更多

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

顯示更多

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1318
25
PHP教程
1269
29
C# 教程
1248
24
顯示更多
Related knowledge
PHP 與 Ajax：建立一個自動完成建議引擎 PHP 與 Ajax：建立一個自動完成建議引擎 Jun 02, 2024 pm 08:39 PM

使用PHP和Ajax建置自動完成建議引擎：伺服器端腳本：處理Ajax請求並傳回建議(autocomplete.php)。客戶端腳本：發送Ajax請求並顯示建議(autocomplete.js)。實戰案例：在HTML頁面中包含腳本並指定search-input元素識別碼。

解決jQuery AJAX請求遇到403錯誤的方法 解決jQuery AJAX請求遇到403錯誤的方法 Feb 20, 2024 am 10:07 AM

標題：解決jQueryAJAX請求出現403錯誤的方法及程式碼範例403錯誤是指伺服器禁止存取資源的請求，通常會導致出現這個錯誤的原因是請求缺少權限或被伺服器拒絕。在進行jQueryAJAX請求時，有時會遇到這種情況，本文將介紹如何解決這個問題，並提供程式碼範例。解決方法：檢查權限：首先要確保請求的URL位址是正確的，同時驗證是否有足夠的權限來存取該資

解決jQuery AJAX請求403錯誤的方法 解決jQuery AJAX請求403錯誤的方法 Feb 19, 2024 pm 05:55 PM

jQuery是一個受歡迎的JavaScript函式庫，用來簡化客戶端端的開發。而AJAX則是在不重新載入整個網頁的情況下，透過發送非同步請求和與伺服器互動的技術。然而在使用jQuery進行AJAX請求時，有時會遇到403錯誤。 403錯誤通常是伺服器禁止存取的錯誤，可能是由於安全性原則或權限問題導致的。在本文中，我們將討論如何解決jQueryAJAX請求遭遇403錯誤

如何解決jQuery AJAX報錯403的問題？ 如何解決jQuery AJAX報錯403的問題？ Feb 23, 2024 pm 04:27 PM

如何解決jQueryAJAX報錯403的問題？在開發網頁應用程式時，經常會使用jQuery來發送非同步請求。然而，有時在使用jQueryAJAX時可能會遇到錯誤代碼403，表示伺服器禁止存取。這種情況通常是由伺服器端的安全性設定所導致的，但可以透過一些方法來解決這個問題。本文將介紹如何解決jQueryAJAX報錯403的問題，並提供具體的程式碼範例。一、使

如何使用Ajax從PHP方法取得變數？ 如何使用Ajax從PHP方法取得變數？ Mar 09, 2024 pm 05:36 PM

使用Ajax從PHP方法取得變數是Web開發中常見的場景，透過Ajax可以實作頁面無需刷新即可動態取得資料。在本文中，將介紹如何使用Ajax從PHP方法中取得變量，並提供具體的程式碼範例。首先，我們需要寫一個PHP檔案來處理Ajax請求，並傳回所需的變數。下面是一個簡單的PHP檔案getData.php的範例程式碼：

PHP 與 Ajax：建立動態載入內容的解決方案 PHP 與 Ajax：建立動態載入內容的解決方案 Jun 06, 2024 pm 01:12 PM

Ajax（非同步JavaScript和XML）允許在不重新載入頁面情況下新增動態內容。使用PHP和Ajax，您可以動態載入產品清單：HTML建立一個帶有容器元素的頁面，Ajax請求載入資料後將資料加入到該元素中。 JavaScript使用Ajax透過XMLHttpRequest向伺服器傳送請求，從伺服器取得JSON格式的產品資料。 PHP使用MySQL從資料庫查詢產品數據，並將其編碼為JSON格式。 JavaScript解析JSON數據，並將其顯示在頁面容器中。點選按鈕觸發Ajax請求，載入產品清單。

PHP 與 Ajax：提升 Ajax 安全性的方法 PHP 與 Ajax：提升 Ajax 安全性的方法 Jun 01, 2024 am 09:34 AM

為了提升Ajax安全性，有幾種方法：CSRF保護：產生令牌並將其傳送到客戶端，在請求中新增至伺服器端進行驗證。 XSS保護：使用htmlspecialchars()過濾輸入，防止惡意腳本注入。 Content-Security-Policy頭：限制惡意資源加載，指定允許載入腳本和樣式表的來源。驗證伺服器端輸入：驗證從Ajax請求接收的輸入，防止攻擊者利用輸入漏洞。使用安全Ajax函式庫：利用jQuery等函式庫提供的自動CSRF保護模組。

ajax版本有哪些 ajax版本有哪些 Nov 22, 2023 pm 02:00 PM

ajax不是一個特定的版本，而是一種使用多種技術的集合來非同步載入和更新網頁內容的技術。 ajax沒有特定的版本號，但是有一些ajax的變體或擴充：1、jQuery AJAX；2、Axios；3、Fetch API；4、JSONP；5、XMLHttpRequest Level 2；6、WebSockets；7、Server-Sent Events；8、GraphQL等等。

See all articles