DiYanka,
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery-1.10.2.min.js"></script>
<script src="uploadContent.js"></script>
</head>
<body>
<form class="uploadContent">
<input type="text" name="item1" value="1" />
<input type="text" name="item2" value="2" />
<input type="submit" name="go" value="Отправить" />
</form>
<form class="uploadContent">
<input type="text" name="item1" value="3" />
<input type="text" name="item2" value="4" />
<input type="submit" name="go" value="Отправить" />
</form>
<div id="getItem1"></div>
<div id="getItem2"></div>
</body>
</html>
uploadContent.js
$(document).ready(function() {
$('form.uploadContent').submit(function() {
$.ajax({
type: 'GET',
url: 'uploadContent.php',
dataType: 'json',
data: $(this).serialize(),
success: function(data) {
$('#getItem1').html(data.item1);
$('#getItem2').html(data.item2);
// $('#getItem1').append(data.item1);
// $('#getItem2').append(data.item2);
}
});
return false;
});
});
uploadContent.php
<?php
if ( isset($_GET['item1'], $_GET['item2']) ) {
$items['item1'] = 'This is from item1: ' . $_GET['item1'];
$items['item2'] = 'This is from item2: ' . $_GET['item2'];
echo json_encode($items);
}
?>