Ajax学习笔记第二天

喜欢的东西太贵了,我一咬牙,狠下心决定不喜欢了!

一.GET请求

1.1 URL即信息
  • 我们知道php的相关运算都是在服务器端进行的,此时我们要考虑一个问题,如何将要计算的数字带给服务器?我们可以通过URL传递数据:?xingming=ikunGG&nianling=20&xingbie=男
  • 一个标准的URL网址,在最后有一个query string部分,表示 对页面的查询。使用?来表示这一部分,内容必须是k=v,多个参数使用&连接,此时01.php这个页面将会收到这些数据
  • 我们的GET请求其实就是通过URL传递数据

echo "
"
; echo "

我是$_GET

"
; print_r($_GET); ?>

Ajax学习笔记第二天_第1张图片

  • PHP中,会把所有的query string都自动放到$_GET的数组中


Ajax学习笔记第二天_第2张图片

  • URL传递数据num:(http://127.0.0.1/haha/02.php?num=20)

  • 此时,我们建立一个php的页面实现URL参数来判断当前的数字是否为一个质数



Ajax学习笔记第二天_第3张图片

  • 我们把这种“网址即数据”的形式叫做GET请求。为什么叫GET? 因为我们传递给服务器的参数,一般来说是用于向服务器发送特定的格式参数,我们要通过GET请求获取数据。
1.2 GET请求提交表单

03.php




    
    
    Document


   array("name"=>"小明","age"=>22,"sex"=>"男","native"=>"河北","political"=>"团员","marriage"=>"未婚"),
      "10002" => array("name"=>"小红","age"=>21,"sex"=>"女","native"=>"河南","political"=>"团员","marriage"=>"未婚"),
      "10003" => array("name"=>"小刚","age"=>26,"sex"=>"男","native"=>"山东","political"=>"党员","marriage"=>"已婚"),
      "10004" => array("name"=>"小强","age"=>28,"sex"=>"女","native"=>"山西","political"=>"群众","marriage"=>"离异"),
    );
        
  // 得到通过学号查询的内容
  $id = $_GET["id"];
  ?>
  

学生管理系统

  • 学号:
  • 姓名:
  • 年龄:
  • 性别:
  • 籍贯:
  • 政治面貌:
  • 婚姻状况:

http://127.0.0.1/haha/03.php?id=10001

Ajax学习笔记第二天_第4张图片

04.html

DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Documenttitle>
head>
<body>
  <h1>学生的管理系统h1>
  <h3>请选择您想查询学生的id号码:h3>
  
  
  <form action="03.php" method="get">
    <select name="id">
      <option value="10001">10001option>
      <option value="10002">10002option>
      <option value="10003">10003option>
      <option value="10004">10004option>
    select>
    
    
    <input type="submit" value="点击查询">
  form>
body>
html>

Ajax学习笔记第二天_第5张图片

Ajax学习笔记第二天_第6张图片

1.3 GET请求的优缺点
  • GET方式提交数据特点

    1、GET方式在url后面拼接参数,只能以文本的形式传递参数
    2、传递的数据量小,4kb左右(不同浏览器会有差异)
    3、安全性低,会将信息显示在地址栏
    4、速度快,通常用于对安全性要求不高的请求

1.4 POST请求

GET请求和POST请求的区别1

GET请求和POST请求的区别2

1、post请求发送数据的时候,在请求体当中发送。不会回显到浏览器的地址栏上。也就是说post发送的数据,在浏览器地址栏上看不到。(post在“请求体”当中发送数据)
2、post请求可以发送任何类型的数据,包括普通字符串,流媒体等信息:视频、声音、图片。
3、post请求可以发送大数据量,理论上没有长度限制
4、post请求比较适合向服务器端传送数据。

1.5 POST请求提交表单

05.php




    
    
    Document


    ";
        echo "用户名:".$userName."
"; echo "密码:".$password."
"; echo "性别:".$sex."
"; ?>

06.html

<body>
    
    
    <form action="05.php" method="post">
        <p>
            <input type="text" name="userName" placeholder="请输入用户名">
        p>
        <p>
            <input type="password" name="password" placeholder="请输入密码">
        p>
        <p>
            <input type="radio" name="sex" value=""><input type="radio" name="sex" value="">p>
        <p>
            <input type="submit">
        p>
    form>
body>

http://127.0.0.1/haha/06.html

1.6 学生管理系统

1.文件目录

Ajax学习笔记第二天_第7张图片

2.页面效果展示及代码

  • 数据库中的初始表

Ajax学习笔记第二天_第8张图片

2.1 主页index.php




    
    
    Document
    


    
    

学生管理系统

增加学生

学生的信息清单列表:

学号 姓名 详细信息 修改信息 删除
详细信息 修改信息 删除

2.2 详细信息 info.php

Ajax学习笔记第二天_第9张图片




    
    
    Document


    "; //换行
        print_r($dataInfo); */
        
        // 关闭数据库
        mysql_close($connect);
    ?>
    

详细信息

当前的详细信息为

学号:

姓名:

年龄:

手机号码:

QQ号码:

邮箱:

返回首页

2.3 修改信息 update.php

Ajax学习笔记第二天_第10张图片




    
    
    Document


    
    

更新结果

返回首页

2.4 修改信息 updateForm.php





    
    
    Document
    



    
    

修改学生

学号:

姓名:

年龄:

手机号:

QQ号:

邮箱:

2.5 删除信息 delete.php

Ajax学习笔记第二天_第11张图片




    
    
    Document


    "; //换行
        // 关闭数据库
        mysql_close($connect);
    ?>

    
    

删除结果

返回首页

2.6 增加学生信息 add.html

Ajax学习笔记第二天_第12张图片

Ajax学习笔记第二天_第13张图片





    
    
    Document
    



    

增加学生

学号:

姓名:

年龄:

手机号:

QQ号:

邮箱:

2.7 增加学生信息 add.php




    
    
    Document


    
    

增加结果

查看详情 返回首页

你可能感兴趣的:(AJAX,ajax,学习,笔记)