how to get the value from input fields and write to json file?

Question

I'm trying to understand how to work with data and so I'm trying to get the value from input fields and write to the json file, but it doesn't work, I would be glad if you help me with this.

html:

<form id="myForm">
  <label for="yourname">Name:</label>
  <input type="text" name="name" placeholder="name" id="name">
  <label for="yourname">Last name:</label>
  <input type="text" name="last-name" placeholder="last name" id="lastName">
  <input type="submit" value="send" id="btn">
</form>

js:

$(function() {
    $("#myForm").submit(function() {
        $.ajax({
            method: "POST",
            url: "form.php",
            data: $("#myForm").serialize(),
            success: function(data) {
                var name = $("#name").val("");
                var lastName = $("#lastName").val("");
            }
        });
        return false; 
    });
});

php:

<?php 
$ToEmail = 'names.json'; 
$EmailSubject = 'форма'; 
$mailheader = "From: ".$_POST["email"]."\r\n";
$MESSAGE_BODY .= "Name: ".$_POST["name"].""; 
$MESSAGE_BODY .= "Last-Name: ".$_POST["last-name"]."";
mail($ToEmail, $EmailSubject, $MESSAGE_BODY, $mailheader) or die ("Failure"); 
?>

You can't write into json in clientside. Are you using a server for saving json details? — Inanc Gumus
– Inanc Gumus, Commented Sep 3, 2016 at 16:28
so, what's not working then? maybe you might send the server code. — Inanc Gumus
– Inanc Gumus, Commented Sep 3, 2016 at 16:30
what about this version if i use a php file to send a data to json file (like a form) — dmitriy
– dmitriy, Commented Sep 3, 2016 at 16:35
are you trying to save a json file or trying to send a email from your form? — Inanc Gumus
– Inanc Gumus, Commented Sep 3, 2016 at 16:38

jkemming · Accepted Answer · 2016-09-03 17:26:25Z

1

You can't write to JSON files directly with Javascript. You should create a PHP script that does this and then send the POST request to this PHP script.

EDIT: Here's a very simple script.

<?php file_put_contents("names.json","{\"name\":\"".$_POST["name"]."\",\"last-name\":\"".$_POST["last-name"]."\"}",FILE_APPEND); ?>

edited Sep 3, 2016 at 17:26

answered Sep 3, 2016 at 16:52

jkemming

71714 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dmitriy Over a year ago

can you please write the simplest version of php code for this?

R.K.Saini · Accepted Answer · 2016-09-03 17:12:03Z

1

Try this

 <?php

$inputArray = array(
    'name' => $_POST["name"],
    'last-name' => $_POST["last-name"],
    'email'=>$_POST["email"]
);
$myfile = fopen("myfile.json", "w") or die("Unable to open file!");
$text = json_encode($inputArray);

fwrite($myfile, $text);
fclose($myfile);

echo "file saved";
?>

answered Sep 3, 2016 at 17:12

R.K.Saini

2,6981 gold badge20 silver badges25 bronze badges

1 Comment

R.K.Saini Over a year ago

Welcome mate. If it works for you accept my answer :)

Gorka · Accepted Answer · 2016-09-03 17:09:36Z

0

You need to create a Php script to write the received data into a json file.

Try using: http://php.net/manual/en/function.file-put-contents.php

As received data is in $_GET or $_POST, you can easily convert those arrays using the json_encode method: http://php.net/manual/en/function.json-encode.php

answered Sep 3, 2016 at 17:09

Gorka

437 bronze badges

Collectives™ on Stack Overflow

how to get the value from input fields and write to json file?

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related