En este art\u00edculo vamos a ver como escribir o crear un archivo .txt con jQuery, Ajax y PHP. Emplearemos estas tecnolog\u00edas solo por el simple hecho de no tener que recargar la p\u00e1gina tras enviar el formulario.<\/p>\n
En el ejemplo en funcionamiento tendremos un formulario con un campo textarea donde introduciremos el texto que deseamos guardar en el archivo. Por motivos de seguridad, hemos deshabilitado la opci\u00f3n de introducir c\u00f3digo HTML.<\/p>\n
En el <body> de nuestra p\u00e1gina vamos a tener el siguiente formulario:<\/p>\n
<form id=\"form\" method=\"post\">\r\n\u00a0\u00a0\u00a0 Texto:<br\/>\r\n\u00a0\u00a0 \u00a0<textarea name=\"data\" id=\"data\" rows=\"7\" cols=\"84\" placeholder=\"Escribe aqui un texto...\"><\/textarea>\r\n\u00a0\u00a0\u00a0 <a href=\"#\" id=\"save\">Guardar<\/a>\r\n<\/form><\/pre>\nDonde simplemente tendremos un campo de texto (textarea) y un bot\u00f3n o link.<\/p>\n
En el <head> de esta misma p\u00e1gina incluiremos la librer\u00eda jQuery y los scripts necesarios para llevar a cabo la funcionalidad principal del ejemplo:<\/p>\n
<script src=\"\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.3\/jquery.min.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n$(document).ready(function(){\r\n\u00a0\u00a0\u00a0 $('#save').live('click', function() {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var dataString = 'data='+$('textarea#data').val();\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $.ajax({\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 type: \"POST\",\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 url: \"writetxt.php\",\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 data: dataString,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 success: function(data) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/alert(data);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$('form').remove();\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$('.content').append('<p>Tu texto se ha guardado correctamente!<\/p><a href=\"data.txt\" target=\"_blank\">Ver<\/a>');\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 });\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0return false;\r\n\u00a0\u00a0\u00a0 });\r\n});\r\n<\/script><\/pre>\nEl c\u00f3digo anterior simplemente est\u00e1 esperando a que se pulse en el bot\u00f3n o link con id=\u00bbsave\u00bb para capturar la informaci\u00f3n que se ha introducido en el campo de texto con id=\u00bbdata\u00bb (textarea) y mediante la t\u00e9cnica AJAX enviamos esa informaci\u00f3n a un archivo php que ser\u00e1 el encargado de escribir esta informaci\u00f3n enviada en el archivo .txt.<\/p>\n
El archivo .php tendr\u00e1 el siguiente contenido:<\/p>\n
<?php\r\nrequire_once(\"classes\/class.inputfilter.php\");\r\n$ifilter = new InputFilter();\r\n$data = $ifilter->process($_POST['data']);\r\n$file = 'data.txt';\r\n\r\nif (isset($data)) {\r\n\u00a0\u00a0\u00a0 $fp = fopen($file, 'w');\r\n\u00a0\u00a0\u00a0 fwrite($fp, utf8_decode($data));\r\n\u00a0\u00a0\u00a0 fclose($fp);\r\n\u00a0\u00a0\u00a0 chmod($file, 0777);\r\n\u00a0\u00a0\u00a0 echo 'Se han guardado correctamente la informaci\u00f3n en el txt!';\r\n}\r\nelse {\r\n\u00a0\u00a0 \u00a0echo 'No hay datos que guardar!';\r\n}\r\n?><\/pre>\nEn este archivo lo primero que hacemos es recibir los datos enviados mediante el m\u00e9todo POST y utilizar un t\u00e9cnica para evitar el XSS con la clase inputfilter de PHP, entonces si hay informaci\u00f3n que guardar, abrimos el fichero y escribimos en \u00e9l la informaci\u00f3n recibida.<\/p>\n