[RESOLVED] Post HTML form data to a text file using AJAX & PHP

This site is best viewed in a modern browser with JavaScript enabled.

[RESOLVED] Post HTML form data to a text file using AJAX & PHP

simora

I am trying to post 4 HTML form fields to a text file using AJAX & PHP
The full HTML form has other fields. The whole form will be posted to a different location after.

need some sample code if possible.

PHP variables are

$username = $_POST['username'];
$realname = $_POST['realname'];
$phone = $_POST['phone'];
$email = $_POST['email'];

Padonak

http://api.jquery.com/jQuery.post/

iBeZi

Or without jQuery,

function sendFields(e) {
    e.preventDefault();
    var form = e.srcElement ? e.srcElement : e.target;
    var username = form.username.value;
    var realname = form.realname.value;
    var phone = form.phone.value;
    var email = form.email.value;

var xhr = new XMLHttpRequest();
xhr.open("POST","path-to-your-receiving-file.php",true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send("username="+username+"&realname="+realname+"&phone="+phone+"&email="+email);
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        //response from the php page
        var response = xhr.response;
    }
}
}

var form = document.getElementById('form');
form.addEventListener('submit',sendFields);

Aralus

Apologies for brevity. With jQuery:

<script>
$(function(){

$('button#send').click(function(){
    var field1 = $('input#field1').val();
    $.post('somephpfile.php',{field1:field1},function(data){
        //If you're returning your output in JSON format we can use data.response to inject feedback into our page to inform the user etc.
    },'json');
});

});
</script>

<input id="field1" /> 
<button id="send">Submit</button>

The above code assumes you have the jQuery library loaded already.

Note: I've written this code on the fly. This hasn't be tested.

simora

Hi All:

Thanks for all the information & assistance.

I DO NOT have to use jQuery. The HTML & Javascript is preferable for me at this time.

I did not see that the last part of my post was cut off. Sorry about that.

On the PHP end, I usually have my text file setup like this:


$data = "$username | $realname  | $phone | $email\r\n";

//open the file and choose the mode   This adds data to the text file   newusers.txt
$fh = fopen("mydata/newusers.txt", "a");
fwrite($fh, $data);

//close the file
fclose($fh);

What I'm trying to understand is how do I change the PHP end to accomodate the AJAX posting.

The PHP is supposed to return a string to a hidden form field on the form that did the submission.

I really want to return the string as $phone & Time

It should look like 7185551212-11:45 when its in the hidden form field. The form name is UserForm.php

Appreciate all your help.

Thanks

Padonak

live demo (the part of the script was copied from iBeZi's post above)

for the full source see [ATTACH]15587[/ATTACH]

The attachments of this post were removed during the platform migration in 2018

simora

Padonak:
Thanks.

Thats exactly what I was looking for, and the PHP was very well documented.
I can follow what's going on.

Padonak

good to hear )