PHP melding terug posten
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
// als het formulier #theForm wordt gesubmit...
$('form#theForm').submit(function(e) {
// vang het submit event af, jQuery/AJAX handelt dit immers af
e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
$('#postResult').hide();
$.post(
'shared/saveItem.php?itemID=<?php echo $itemID; ?>', // het script waar je naartoe POST
$('#theForm').serialize(), // verzamel alle form data in 1x (naam, content)
.done(function( data ) {
$('#postResult').html('Gelukt!');
}
.fail(function() {
$('#postResult').html('Er is een fout opgetreden!');
}
.always(function( data ) {
$('#postResult').show();
setTimeout(function(){ $('#postResult').hide(); }, 3000);
}
'json' // geef een "hint" over het type van de terug te ontvangen data
);
});
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
// als het formulier #theForm wordt gesubmit...
$('form#theForm').submit(function(e) {
// vang het submit event af, jQuery/AJAX handelt dit immers af
e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
$('#postResult').hide();
$.post(
'shared/saveItem.php?itemID=<?php echo $itemID; ?>', // het script waar je naartoe POST
$('#theForm').serialize(), // verzamel alle form data in 1x (naam, content)
.done(function( data ) {
$('#postResult').html('Gelukt!');
}
.fail(function() {
$('#postResult').html('Er is een fout opgetreden!');
}
.always(function( data ) {
$('#postResult').show();
setTimeout(function(){ $('#postResult').hide(); }, 3000);
}
'json' // geef een "hint" over het type van de terug te ontvangen data
);
});
});
//]]>
</script>
Ik merk dat informatie via SaveItem.php in de database terecht komt.
Maar SaveItem.php controleert ook of alle velden zijn ingevuld.
Indien dat niet het geval is volgt een melding.
Hoe kan ik in #postResult weergeven of er een veld niet is ingevuld, en het script op SaveItem.php niet helemaal is uitgevoerd daardoor?
Gewijzigd op 01/07/2016 14:18:04 door Daan Vee
Dan kan je in je .done event een vergelijking maken waarin je op de juiste waarde controleert.
Bijv. 'OK'.
Gewijzigd op 01/07/2016 14:24:53 door - Ariën -
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
header('Content-Type: application/json; charset=UTF-8');
$success = false;
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
if(empty($_GET['itemID']) || empty($_GET['user_from']) || empty($_GET['user_to'])){
$success = false;
}
else{
$subjectID = mysql_real_escape_string($_GET['itemID']);
if(empty($_POST['comment'])){
$success = false;
}
else{
$comment = mysql_real_escape_string($_POST['comment']);
$user_from = mysql_real_escape_string($_GET['user_from']);
$user_to = mysql_real_escape_string($_GET['user_to']);
$time = time();
$insert_comment = mysql_query("INSERT INTO notifications (noteID, subjectID, user_from, user_to, content, time, read_note, del_note) VALUES ('', '".$subjectID."', '".$user_from."', '".$user_to."', '".$comment."','".$time."', '0', '0')") or die (mysql_error());
$success = true;
}
}
}
echo json_encode($success);
?>
header('Content-Type: application/json; charset=UTF-8');
$success = false;
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
if(empty($_GET['itemID']) || empty($_GET['user_from']) || empty($_GET['user_to'])){
$success = false;
}
else{
$subjectID = mysql_real_escape_string($_GET['itemID']);
if(empty($_POST['comment'])){
$success = false;
}
else{
$comment = mysql_real_escape_string($_POST['comment']);
$user_from = mysql_real_escape_string($_GET['user_from']);
$user_to = mysql_real_escape_string($_GET['user_to']);
$time = time();
$insert_comment = mysql_query("INSERT INTO notifications (noteID, subjectID, user_from, user_to, content, time, read_note, del_note) VALUES ('', '".$subjectID."', '".$user_from."', '".$user_to."', '".$comment."','".$time."', '0', '0')") or die (mysql_error());
$success = true;
}
}
}
echo json_encode($success);
?>
En verder raad ik gebruik van de MySQL-functies af. Op termijn zal deze verdwijnen waarbij MySQLi of PDO een goede vervanger is.
Code (php)
1
{ "error": "No connection" }
Dus wat geeft jouw PHP-script terug? Je kan het ook in de console (CTRL+SHIFT+J) bekijken.
Ik zou het zo doen, en voor de duidelijkheid de variabele hernoemen naar $status.
Code (php)
1
$status = "FIELDS_EMPTY";
En als het gelukt is:
Code (php)
1
$status = "SUCCESS";
Dan kan je $status in json_encode gooien. En dan zie je de juiste waardes.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
include("includes/globals.php");
header('Content-Type: application/json; charset=UTF-8');
$status = "FIELDS_EMPTY";
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
if(empty($_GET['itemID']) || empty($_GET['user_from']) || empty($_GET['user_to'])){
$success = false;
}
else{
$subjectID = mysql_real_escape_string($_GET['itemID']);
if(empty($_POST['comment'])){
$status = "FIELDS_EMPTY";
}
else{
$comment = mysql_real_escape_string($_POST['comment']);
$user_from = mysql_real_escape_string($_GET['user_from']);
$user_to = mysql_real_escape_string($_GET['user_to']);
$time = time();
$insert_comment = mysql_query("INSERT INTO notifications (noteID, subjectID, user_from, user_to, content, time, read_note, del_note) VALUES ('', '".$subjectID."', '".$user_from."', '".$user_to."', '".$comment."','".$time."', '0', '0')") or die (mysql_error());
$status = "SUCCESS";
}
}
}
echo json_encode($status);
?>
include("includes/globals.php");
header('Content-Type: application/json; charset=UTF-8');
$status = "FIELDS_EMPTY";
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
if(empty($_GET['itemID']) || empty($_GET['user_from']) || empty($_GET['user_to'])){
$success = false;
}
else{
$subjectID = mysql_real_escape_string($_GET['itemID']);
if(empty($_POST['comment'])){
$status = "FIELDS_EMPTY";
}
else{
$comment = mysql_real_escape_string($_POST['comment']);
$user_from = mysql_real_escape_string($_GET['user_from']);
$user_to = mysql_real_escape_string($_GET['user_to']);
$time = time();
$insert_comment = mysql_query("INSERT INTO notifications (noteID, subjectID, user_from, user_to, content, time, read_note, del_note) VALUES ('', '".$subjectID."', '".$user_from."', '".$user_to."', '".$comment."','".$time."', '0', '0')") or die (mysql_error());
$status = "SUCCESS";
}
}
}
echo json_encode($status);
?>
Hoe pas ik nu onderstaande code aan, zodat er een melding zichtbaar wordt?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
// als het formulier #theForm wordt gesubmit...
$('form#theForm').submit(function(e) {
// vang het submit event af, jQuery/AJAX handelt dit immers af
e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
$('#postResult').hide();
$.post(
'shared/saveItem.php?itemID=<?php echo $itemID; ?>', // het script waar je naartoe POST
$('#theForm').serialize(), // verzamel alle form data in 1x (naam, content)
.done(function( data ) {
$('#postResult').html('Gelukt!');
}
.fail(function() {
$('#postResult').html('Er is een fout opgetreden!');
}
.always(function( data ) {
$('#postResult').show();
setTimeout(function(){ $('#postResult').hide(); }, 3000);
}
'json' // geef een "hint" over het type van de terug te ontvangen data
);
});
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
// als het formulier #theForm wordt gesubmit...
$('form#theForm').submit(function(e) {
// vang het submit event af, jQuery/AJAX handelt dit immers af
e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
$('#postResult').hide();
$.post(
'shared/saveItem.php?itemID=<?php echo $itemID; ?>', // het script waar je naartoe POST
$('#theForm').serialize(), // verzamel alle form data in 1x (naam, content)
.done(function( data ) {
$('#postResult').html('Gelukt!');
}
.fail(function() {
$('#postResult').html('Er is een fout opgetreden!');
}
.always(function( data ) {
$('#postResult').show();
setTimeout(function(){ $('#postResult').hide(); }, 3000);
}
'json' // geef een "hint" over het type van de terug te ontvangen data
);
});
});
//]]>
</script>
success: true of false
message: die iets over de status zegt
(optioneel) errors: array met veldnamen/boodschappen wat er aan scheelt
De index "success" omvat dan de status als "goed" of "fout" als een boolse waarde zonder een custom code waar je expliciet op moet controleren om af te leiden of het "goed" of "fout" is gegaan. Wat mij nogal omslachtig lijkt
Code (php)
1
2
2
alert(data);
$('#postResult').html('Gelukt!');
$('#postResult').html('Gelukt!');
Wat meldt deze dan in een alert?
Gewijzigd op 01/07/2016 15:16:42 door - Ariën -
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
.done(function( data ) {
$('#postFeed').show();
})
.fail(function() {
$('#postFeed').show();
})
.always(function( data ) {
$('#postFeed').show();
setTimeout(function(){ $('#postFeed').hide(); }, 3000);
});
$('#postFeed').show();
})
.fail(function() {
$('#postFeed').show();
})
.always(function( data ) {
$('#postFeed').show();
setTimeout(function(){ $('#postFeed').hide(); }, 3000);
});
Het laat een DIV zien... Hoe kan ik de boodschap (data) in de div krijgen?
Ikzelf spuug in mijn eigen applicatie simpele codes uit, zoals NO_CONNECT, FIELD_ARE_EMPTY etc.. en met een switch vertaal ik dit naar wat leesbaarders. Zo kan je ook prima vertalingen regelen als je site meerdere talen ondersteunt.
Gewijzigd op 06/07/2016 19:54:58 door Daan Vee