I have studied some AJAX, and tried to understand it.

The AJAX works; i just want to write a right php document too. With the AJAX, I load the php file write.php. Here is what is in write.php:

<?php
$NAME = 'data.txt';
$HANDLE = fopen($NAME, 'w') or die ('CANT OPEN FILE');
fwrite($HANDLE,'1');
fclose($HANDLE);
?>

But how to choose what to write, instead of '1', with JavaScript? Like Having a variable in JavaScript with the content, and loading that content into the php file?:?:

Thanks!

Hi,

here's a simple demo that will help you to accomplish your task.

this demo comes with 2 documents:
test.php

<?php

	echo '<?xml version="1.0" encoding="UTF-8" standalone="no"?>';
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://w3.org/TR/xhtm1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>	
		<meta http-equiv="X-UA-Compatible" content="EmulateIE6" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<title>Javascript to PHP Example:: by essential</title> 
		<script type="text/javascript">
		// <![CDATA[
		var update = ( function() { 
			if ( { 4: 4, complete : 4 }[ this.readyState ] ) { // AJAX callback function
				if ( this.status === 200 ) { // Let them know that the data has been written on the .txt file >>>
					alert( "Your data has been saved!" );
					
					if ( this.responseText ) {
						var data = String( this.responseText ).split(/\n/);
						var len = data.length;
						var container = document.getElementById( "loadInfo" ) || document.all.loadInfo;
						var txt = "";
							for ( var x = 0; x < len; ++x ) {
								if ( data[ x ] ) {
									txt += data[ x ] + "<br />";
									continue;
								}
							
							} container.innerHTML = '<h3>AJAX Generated Content</h3><br />' + txt;
							// Do nothing: you can provide more lines below if you still need to do something asside from writing to the .txt file and reading its data
						return;
					}
				}
			}
		} );
		var createRequest = ( function() { // Building request object >>>
		var xhr = 0;
			try {
				try {
					if ( "XMLHttpRequest" in window ) {
						xhr = new XMLHttpRequest();
					} else { // Handles all major browser, exept IE >>>
						var PID = [
							"MSXML2.XMLHTTP.6.0",
							"MSXML2.XMLHTTP.5.0",
							"MSXML2.XMLHTTP.4.0",
							"MSXML2.XMLHTTP.3.0",
							"MSXML2.XMLHTTP.2.0",
							"Microsoft.XMLHTTP" ];
						var len = PID.length;
						for ( var x = 0; x < len; ++x ) { // Instance that will invoke IE browser to respond on the client request >>>
							if (( xhr = new ActiveXObject( PID[ x ] ))) {
								break;
							}
						}
					}
				} catch( e1 ) { // for some other browser's that do not understand the two types of calls above
					xhr = window.createRequest();
				}
			} catch( e ) { // invocation failed [EXIT FUNCTION]
				xhr = 0;
			} return xhr;
		} );
		
var senData = function( arg ) {
var req = createRequest();
	if ( req ) { 
		var obj = ( function( IDS ) {
			return IDS = document.getElementById( IDS ) || (( typeof IDS === "string" ) ? document.all[ IDS ] : document.all.IDS );
		} );
		var uname = obj( "names" ).value || "Created Name in varible ( uname )";
		var pword = obj( "password" ).value || "GeneratedPassword";
		var url = arg + "?names=" + uname + "&password=" + pword;
		(( "overrideMimeType" in req ) ? req.overrideMimeType("text/xml") : null );
		req.onreadystatechange = update;
		req.open( "GET", url, 1 );
		(( req.setRequestHeader ) ? req.setRequestHeader("Content-type", "application/www-x-form-urlencoded; UTF-8") : req );
		req.send( null );
	} 
	
	
	/* prevent the form on getting submitted when we invoke AJAX call from the ONSUBMIT handler */ return false;
};

		// ]]>
		</script>
		<style type="text/css" media="all">
		/* <![CDATA[ */
		html, body {
			font: normal normal normal 95%/1.5 Tahoma, Verdana, Arial, sans-serif;
			color: #555;
			margin: 0;
			padding: 0;
			border: none;
			text-align: center;
			width: auto;
			height: auto;
			vertical-align: baseline;
			}
		div, form {
			padding: 0;
			margin: 0;
			border: none;
			}
		form[id] {
			margin: 0 auto;
			width: 95%;
			margin-top: 1.5%;
			text-align: left;
			}
		
		acronym {
			color: #F80;
			font-weight: bold;
			}
		p {
			color: #006;
			font-size: 90%; }
		
		
		/* ]]> */
		</style>
	</head>
	<body>
	<div style="text-align: left; padding-left: 1.5em;">
		<p>In this example i will demonstrate on how you would passed those data into your <acronym title="PHP: Hypertext Preprocessor">PHP</acronym> enabled page using the help of <acronym title="Asynchronous Javascript and XML">AJAX</acronym>.</p>
		<h3>Guidelines</h3>
		<ol>
			<li>All files on this demo must be saved on the same directory inside your document root.</li>
			<li>Make sure that you have the permission to write files in your target folder.</li>
			<li>This code has been tested on the following lists of browser:<br /><br />
				<ul style="font-size: 80%; font-weight: bold; color: #778899;">
					<li>Microsoft Internet Explorer 7+</li>
					<li>Mozilla Firefox 1+</li>
					<li>Opera 9+</li>
					<li>Google Chrome 4</li>
					<li>Apple Safari 4</li>
				</ul>
			</li>
		</ol>
		
	</div>
		<form id="formContent" method="get" action="./test.php" onsubmit="return senData('data.php')">
			<div id="content" style="margin-top: 1.200em; border: 2px solid #000; height: 30px; width: auto; background-color: #707070; line-height: 30px; color: #f1f1f1; padding-right: 2em; text-align: right;">
				<label for="names">username: <input type="text" size="30" id="names" name="names" maxlength="30" value="essential" /></label>&nbsp;&nbsp;
				<label for="password">password: <input type="password" size="30" id="password" name="password" maxlength="30" value="123456" /></label> 
				<input type="submit" value="save" id="smb" name="smb" />
			</div>
		<div id="loadInfo" style="margin-top: 1em; line-height: 1.6; padding-left: 1em;">
		<?php
		$NAME = 'data.txt';
		if ( file_exists( $NAME ) ) { ?>
		<h3>PHP Generated Content</h3>
		<?php
			$HANDLE = fopen( $NAME, 'r');
			while (!feof( $HANDLE )) {
				echo fgets( $HANDLE, 1000) . "<br />";
			} fclose( $HANDLE );
		} 
		?>
		</div>
		</form>
	</body>
</html>

data.php

<?php
$username = $_GET['names'];
$password = $_GET['password'];
$NAME = 'data.txt';
if (isset( $password ) || isset( $username )) {

	

$info = array( '<b>username:</b> '.$username, '<b>password:</b> '.$password );

$HANDLE = fopen( $NAME, 'wb' ) or die( "Can't open $NAME" );
	foreach( $info As $data ) {
		$writeData = fwrite( $HANDLE, "$data\r\n" );
	} fclose( $HANDLE );
	if ( file_exists( $NAME ) ) {
		$HANDLE = fopen( $NAME, 'r');
		while (!feof( $HANDLE )) {
			echo fgets( $HANDLE, 1000);
		}
	} fclose( $HANDLE );
}
?>

hope it does help...
essential

Hello Friends
i want to tell you if the loading script is to big so its damage you page opening speed i give you a small Loading Script use it its Realy

Small and its not damage you browsing speed
Click on this Link And Download the code and help.
http://www.getmaza.net/Loading%20Gif%20code.html

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.