> 백엔드 개발 > PHP 튜토리얼 > 자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예

자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예

coldplay.xixi
풀어 주다: 2023-04-09 13:10:02
앞으로
2695명이 탐색했습니다.

자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예

머리말

"PHP 학습노트-PHP와 웹페이지의 상호작용 1" 노트에는 입력 필드 표시, 선택 필드 표시, 텍스트 필드 등 폼 폼의 일부 속성이 설명되어 있습니다. mark.작성 방법, 다음 내용은 다양한 컨트롤 값을 얻는 것을 포함하여 양식 데이터를 얻고 PHP 데이터를 전송하는 방법에 대한 것입니다.

관련 학습 권장사항: php 프로그래밍(동영상)

양식 삽입

양식을 제출하기 전에 양식이 있어야 합니다. 양식이 생성된 후 웹에 양식을 삽입할 수 있습니다. 페이지, 코드 다음과 같습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在普通的Web页中插入表单</title>
<style type="text/css">
body,td,th {
  font-size: 12px;
}
</style>
</head>
<body>
<form action="demo_1.php" method="post" name="form1" enctype="multipart/form-data">
 <table width="405" height="24" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#999999">
  <tr bgcolor="#FFCC33">
   <td width="103" height="25" align="right">商品名称:</td>
   <td height="25" align="left"><input name="product" type="text" id="user" size="20" maxlength="100"></td>
  </tr>
  <tr bgcolor="#FFCC33">
   <td height="25" align="right">市场:</td>
   <td height="25" colspan="2" align="left"><input name="from" type="radio" value="海外" checked>
    海外
    <input type="radio" name="from" value="国内">
    国内</td>
  </tr>
  <tr bgcolor="#FFCC33">
   <td width="103" height="25" align="right">编号:</td>
   <td width="289" height="25" colspan="2" align="left"><input name="code" type="text" id="code" size="20" maxlength="100"></td>
  </tr>
  <tr bgcolor="#FFCC33">
   <td height="25" align="right">种类:</td>
   <td height="25" colspan="2" align="left"><select name="select">
     <option value="电器">电器</option>
     <option value="家具">家具</option>
     <option value="化妆品">化妆品</option>
     <option value="图书" selected>图书</option>
     <option value="服饰">服饰</option>
     <option value="宠物">宠物</option>
     <option value="计算机">计算机</option>
    </select></td>
  </tr>
  <tr bgcolor="#FFCC33">
   <td height="25" align="right">商品图片: </td>
   <td height="25" colspan="2" align="left"><input name="photo" type="file" size="20" maxlength="1000" id="photo"></td>
  </tr>
  <tr bgcolor="#FFCC33">
   <td height="25" align="right">商品描述: </td>
   <td height="25" colspan="2" align="left"><textarea name="intro" cols="28" rows="3" id="info"></textarea></td>
  </tr>
  <tr align="center" bgcolor="#FFCC33">
   <td height="25" colspan="3"><input type="submit" name="submit" value="提交">
      
    <input type="reset" name="submit2" value="重置"></td>
  </tr>
 </table>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>>
</body>
</html>
로그인 후 복사

HTML에서 와 사이에 양식을 추가합니다.

실행 결과:

자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예

양식 데이터 얻기

양식 데이터를 얻는 두 가지 주요 방법, 즉 POST() 메서드와 GET() 메서드가 있습니다.

양식의 메소드 속성으로 지정됩니다.

POST 메소드를 사용하여 양식 제출

POST 메소드를 적용할 때 양식의 속성 메소드를 POST로 설정하면 됩니다. POST 메서드는 URL에 의존하지 않으며 주소 표시줄에 표시되지 않습니다. POST 방식은 제한 없이 데이터를 서버로 전송할 수 있으며, 제출된 모든 정보는 백그라운드에서 전송되므로 사용자는 이 프로세스를 브라우저 측에서 볼 수 없으므로 보안이 높습니다. 따라서 신용카드 번호 등의 기밀 데이터나 대용량 데이터를 서버로 전송하는 경우에는 POST 방식이 더 적합합니다.

예:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312"
    />
  <title>PHP语言基础</title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
  <table width="300" border="1" cellpadding="10" cellspacing="0">
    <tr>
      <td height="30">编号:
        <input type="text" name="code" size="20"/>
        <input type="submit" name="subimt" value="提交"/>
      </td>
    </tr>
  </table>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>
로그인 후 복사

실행 결과:

자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예

제출 버튼을 클릭한 후 주소 표시줄에 우리가 제출한 매개변수가 표시되지 않는 것을 발견했습니다.

양식을 제출하려면 GET 메서드를 사용하세요.

GET 메서드는 양식의 메서드 속성에 대한 기본 메서드입니다. GET 메소드를 사용하여 제출된 양식 데이터는 URL에 추가되고 URL의 일부로 서버로 전송됩니다. 프로그램 개발 과정에서 GET 방식으로 제출된 데이터는 URL에 첨부되어 전송되기 때문에 해당 URL의 주소 표시줄에 "URL + 사용자가 전달한 매개변수"가 표시됩니다.

위 예제의 형식에 메소드 속성을 get으로 지정합니다. 프로그램 실행 후 결과는 다음과 같습니다.

자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예

버튼을 클릭하면 주소 표시줄에 '? ''&'로 구분된 키-값 쌍을 연결합니다.

PHP 매개변수 전달을 위한 일반적인 방법

양식 데이터를 가져오는 것은 실제로 다양한 양식 요소의 데이터를 가져오는 것입니다. 태그에 있는 이름은 모든 양식 요소가 갖는 속성으로, 이를 사용할 때 해당 값 속성을 가져오기 위해 이름 속성을 사용해야 합니다.

PHP에서 매개변수를 전달하는 세 가지 일반적인 방법이 있습니다:

  1. $_POST[]전역 변수
  2. $_GET[]전역 변수
  3. $_SESSION[]variable

$_POST[]전역 변수

PHP의 $_POST[] 사전 정의된 변수를 사용하여 양식 요소의 값을 가져올 수 있습니다. 형식은 다음과 같습니다.

$_POST[name]
로그인 후 복사

예:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312"
    />
  <title>PHP语言基础</title>

</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
  <table width="300" border="1" cellpadding="10" cellspacing="0">
    <tr>
      <td height="30">编号:
        <input type="text" name="code" size="20"/>
        <input type="submit" name="subimt" value="提交"/>
      </td>
    </tr>
  </table>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
$value=$_POST[&#39;code&#39;];
echo "编号:".$value;
?>
</body>
</html>
로그인 후 복사

실행 결과:

자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예

$_GET[] 전역 변수

PHP $_GET[] 사전 정의된 변수를 사용하여 GET 메소드를 통해 전달된 값을 얻습니다. 사용 형식은:

   $_GET[name]
로그인 후 복사

예:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312"
    />
  <title>PHP语言基础</title>

</head>
<body>
<form action="index.php" method="get" name="form1" enctype="multipart/form-data">
  <table width="300" border="1" cellpadding="10" cellspacing="0">
    <tr>
      <td height="30">编号:
        <input type="text" name="code" size="20"/>
        <input type="submit" name="subimt" value="提交"/>
      </td>
    </tr>
  </table>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
$value=$_GET[&#39;code&#39;];
echo "编号:".$value;
?>
</body>
</html>
로그인 후 복사

실행 결과:

자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예

$_SESSION[ ] 변수

사용 $_SESSION[] 변수는 양식 요소의 값을 얻을 수 있습니다. 형식은 다음과 같습니다.

$_SESSION[name]
로그인 후 복사

$_SESSION[] 매개변수 전달 방법을 사용하여 얻은 변수 값은 이후 모든 페이지에서 사용할 수 있습니다. 절약. 그러나 이 방법은 시스템 리소스를 소모하므로 주의해서 사용하는 것이 좋습니다.

Case

마지막으로 노트의 첫 번째 데모를 결합하여 완전한 케이스를 작성합니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title>在普通的Web页中插入表单</title>
  <style type="text/css">
    body, td, th {
      font-size: 12px;
    }
  </style>
</head>
<body>
<form action="demo_1.php" method="post" name="form1" enctype="multipart/form-data">
  <table width="405" height="24" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#999999">
    <tr bgcolor="#FFCC33">
      <td width="103" height="25" align="right">商品名称:</td>
      <td height="25" align="left"><input name="product" type="text" id="user" size="20" maxlength="100"></td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">市场:</td>
      <td height="25" colspan="2" align="left"><input name="from" type="radio" value="海外" checked>
        海外
        <input type="radio" name="from" value="国内">
        国内
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td width="103" height="25" align="right">编号:</td>
      <td width="289" height="25" colspan="2" align="left"><input name="code" type="text" id="code" size="20"
                                    maxlength="100"></td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">种类:</td>
      <td height="25" colspan="2" align="left"><select name="select">
          <option value="电器">电器</option>
          <option value="家具">家具</option>
          <option value="化妆品">化妆品</option>
          <option value="图书" selected>图书</option>
          <option value="服饰">服饰</option>
          <option value="宠物">宠物</option>
          <option value="计算机">计算机</option>
        </select></td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">商品图片:</td>
      <td height="25" colspan="2" align="left"><input name="photo" type="file" size="20" maxlength="1000"
                              id="photo"></td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">商品描述:</td>
      <td height="25" colspan="2" align="left"><textarea name="intro" cols="28" rows="3" id="info"></textarea>
      </td>
    </tr>
    <tr align="center" bgcolor="#FFCC33">
      <td height="25" colspan="3"><input type="submit" name="submit" value="提交">
          
        <input type="reset" name="submit2" value="重置"></td>
    </tr>
  </table>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");

if ($_POST[submit] != "") {
  echo "商品清单:";
  echo " <br><br>商品名称:" . $_POST[&#39;product&#39;];
  echo " <br><br>  市场:" . $_POST[from];
  echo " <br><br>  编号:" . $_POST[&#39;code&#39;];
  echo " <br><br>  种类:" .$_POST[&#39;select&#39;];
  $path = &#39;./upfiles/&#39;. $_FILES[&#39;photo&#39;][&#39;name&#39;];
  move_uploaded_file($_FILES[&#39;photo&#39;][&#39;tmp_name&#39;],$path);
  echo " <br><br>商品图片:" .$path;
  echo " <br><br>商品描述:" .$_POST[&#39;intro&#39;];
}


?>
</body>
</html>
로그인 후 복사

실행 결과:

자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예

move_uploaded_file 메소드를 통해 현재 경로 아래의 upfiles 폴더에 이미지를 업로드합니다.

관련 학습 권장 사항: 프로그래밍 비디오

위 내용은 자세한 설명 2: PHP와 웹 페이지 간의 상호 작용 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:jb51.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿