온라인 상점을 만들고 3 가지 양식 (두 가지 다른 PHP 파일 사용)이 있습니다. 첫 번째 양식 - 사용자가 제목을 입력 할 때 기준으로 사용하는 텍스트 & 제품 설명 두 번째 양식 - 신제품의 이미지 업로드 세 번째 양식 - 레코드를 추가 할 데이터베이스에서 카테고리 (테이블) 선택 주어진 테이블AJAX를 사용하여 하나의 제출 버튼으로 3 개의 양식 제출
AJAX를 사용하여 어떻게 할 수 있습니까? php와 AJAX의 새로운 기능으로 코드 수정 방법을 알려주세요.
1 형태 (1 형에 의해 사용)
<form action="insert.php" method="post" name="form1" enctype="multipart/form-data">
<div>
<label for="title">Title: </label><input type="text" name="title"/>
</div>
<div>
<label for="description">Desc: </label><input type="text" name="description"/>
</div>
<div>
<label for="price">Price: </label><input type="text" name="price" />
</div>
<input type="hidden" name="submit" value="Submit">
</form>
insert.php
<?php
$con=mysqli_connect('localhost','root', '',"onlineshop");
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$sql="INSERT INTO mens (title, description, price)
VALUES
('$_POST[title]','$_POST[description]','$_POST[price]')";
if (!mysqli_query($con,$sql))
{
die('Error: ' . mysqli_error($con));
}
echo "1 record added";
mysqli_close($con);
?>
2 형태
<script type="text/javascript" src="../cms/scripts/jquery.min.js"></script>
<script type="text/javascript" src="../cms/scripts/jquery.form.js"></script>
<script type="text/javascript" >
$(document).ready(function() {
$('#photoimg').live('change', function(){
$("#preview").html('');
$("#preview").html('<img src="loader.gif" alt="Uploading"/>');
$("#imageform").ajaxForm({
target: '#preview'
}).submit();
});
});
</script>
<style>
body
{
font-family:arial;
}
.preview
{
width:160px;
border:solid 2px #dedede;
padding:10px;
}
#preview
{
color:#cc0000;
font-size:10px
}
</style>
<body bgcolor="#ffdd55">
<font face=Arial size=3 color="#880088">
<form id="imageform" method="post" enctype="multipart/form-data" action='ajaximage.php' >
<small>Upload your image <input type="file" name="photoimg" id="photoimg" /></small>
</form>
<div id='preview'>
</div>
3 형태
<?php
include_once 'dropdown.php';
?>
<small>Choose category:</small>
<br>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
<select name="Tables" id="ddTables" name="form3">
<?php
echo $tables;
?>
</select>
<input type="hidden" id="tableSubmit" value="Submit"/>
</form>
</div>
<!-- Submit 3 forms together-->
<script>
$('#form1_submit_button').click(function(){
$('#form1 #imageform #form3').submit();
});
</script>
(3 형태에서 사용)
dropdown.php
<?php
$dbname = 'onlineshop';
if (!mysql_connect('localhost', 'root', '')) {
echo 'Could not connect to mysql';
exit;
}
$sql = "SHOW TABLES FROM $dbname";
$result = mysql_query($sql);
if (!$result) {
echo "No tables exist! \n";
echo 'MySQL Error: ' . mysql_error();
exit;
}
$tables = '';
while ($row = mysql_fetch_row($result)) {
$tables .="<option value='$row[0]'>$row[0]</option>";
}
mysql_free_result($result);
?>
아래의 결합 방법에 관심이 있습니다. 이것이 주요 아이디어였습니다. 내가 좀 새로운 사람이기 때문에 그 일을 도울 수 있니? – cmario
기본적으로 원하는 것은 (텍스트 입력, 체크 박스, 라디오 버튼 등) 필요한 모든 양식 요소를 모아 하나의 페이지에 넣는 것입니다. 이러한 제출물을 처리하는 PHP 페이지에서 사용자가 가지고있는 입력 목록을 내려 가서 각각을 처리하도록하십시오. – Helpful
그래서 내가 다른 모든 PHP 파일을 하나에 넣고 그 PHP 파일을 사용하는 하나의 양식을 만들까요? 그것이 효과가있을 것인가, 아니면 모든 것을 혼란스럽게 할 것인가? – cmario