Write javascript output to file on server

Question

So I have this HTML file that tests the user's screen resolution, and plugins installed using Javascript. So when the user accesses the page it sees: (e.g.) Your current screen resolution is 1024x768 and you have the following plugins installed: Plug-in No.2- Java Deployment Toolkit 7.0.10.8 [Location: npdeployJava1.dll], Plug-in No.3- Java(TM) Platform SE 7 U1 [Location: npjp2.dll], Plug-in No.4- Microsoft Office 2003 [Location: NPOFFICE.DLL]... I also need to save this information in a file on the server. All users are having firefox or chrome. How do I do this using AJAX?

<html>
<body>
<script language="JavaScript1.2">
document.write("Your current resolution is "+screen.width+"*"+screen.height+"")
</script>
<BR><BR>
<SCRIPT LANGUAGE="JavaScript">
var num_of_plugins = navigator.plugins.length;
for (var i=0; i < num_of_plugins; i++) {
var list_number=i+1;
document.write("<font color=red>Plug-in No." + list_number + "- </font>"+navigator.plugins[i].name+" <br>[Location: " + navigator.plugins[i].filename + "]<p>");
}
</script>
</body>
</html>

Thanks

Hello alpinemobile. What did you end up doing? Can you mark the correct answer? — Alexandre Martins
– Alexandre Martins, Commented May 14, 2014 at 9:30

funerr · Accepted Answer · 2021-02-11 00:30:26Z

7

Without jQuery (raw JavaScript):

    var data = "...";// this is your data that you want to pass to the server (could be json)
    //next you would initiate a XMLHTTPRequest as following (could be more advanced):
    var url = "get_data.php";//your url to the server side file that will receive the data.
    var http = new XMLHttpRequest();
    http.open("POST", url, true);

    //Send the proper header information along with the request
    http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    http.setRequestHeader("Content-length", data.length);
    http.setRequestHeader("Connection", "close");

    http.onreadystatechange = function() {//Call a function when the state changes.
        if(http.readyState == 4 && http.status == 200) {
            alert(http.responseText);//check if the data was received successfully.
        }
    }
    http.send(data);

Using jQuery:

$.ajax({
  type: 'POST',
  url: url,//url of receiver file on server
  data: data, //your data
  success: success, //callback when ajax request finishes
  dataType: dataType //text/json...
});

I hope this helps :)

More info:

edited Feb 11, 2021 at 0:30

answered Jun 28, 2012 at 8:50

funerr

8,31417 gold badges91 silver badges139 bronze badges

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

5 Comments

alpinemobile Over a year ago

I don't know JQuery. I'll try what you have posted and report back. Anyway thank you for your help.

abhisekp Over a year ago

we still have to rely on the same old php in the backend for doing this. Node.JS can be used in the backend if the same is done ONLY in javascript.

GOXR3PLUS Over a year ago

Awesome answer!!

avisk Over a year ago

Could anyone explain the raw JavaScript answer to me please? I don't understand how that would write to the server file. And what would params be?

funerr Over a year ago

@avisk this is the "vanila" (normal js form) to send an ajax request (a request without refreshing the page) - so the server will receive a normal HTTP request and do what it pleases. Is that more understandable?

ASGM · Accepted Answer · 2013-08-13 18:59:28Z

1

Do you know jQuery? It will be much easier with jQuery.

var data = "";
for (var i=0; i < num_of_plugins; i++) {
   var list_number=i+1;
   document.write("<font color=red>Plug-in No." + list_number + "- </font>"+navigator.plugins[i].name+" <br>[Location: " + navigator.plugins[i].filename + "]<p>");
   data += "<font color=red>Plug-in No." + list_number + "- </font>"+navigator.plugins[i].name+" <br>[Location: " + navigator.plugins[i].filename + "]<p>"; 
}

$.post('savedata.php', {data=data}, function(){//Save complete});

Then in savedata.php you can write something like the following:

$data = $_POST['data'];
$f = fopen('file', 'w+');
fwrite(f, $data);
fclose($f);

edited Aug 13, 2013 at 18:59

ASGM

11.5k1 gold badge37 silver badges54 bronze badges

answered Jun 28, 2012 at 8:52

Nhu Trinh

14k6 gold badges65 silver badges88 bronze badges

Comments

thommie · Accepted Answer · 2012-06-28 08:53:49Z

0

Do a request from javascript to a page which runs server side code.

Send post request with ajax http://www.javascriptkit.com/dhtmltutors/ajaxgetpost.shtml to for example an apsx page. From aspx you could save it to a text file or database.

edited Jun 28, 2012 at 8:53

answered Jun 28, 2012 at 8:47

thommie

4485 silver badges22 bronze badges

Collectives™ on Stack Overflow

Write javascript output to file on server

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related