Ajax Basics �� [�� +��+��]

ThePunisher · 05-01-2008, 10:04 PM

��

��

�� web browser � ��server ,
��
�� c ,perl .
�� php, asp.net ��
�� JavaScript.

�� .

�� HTTP :
�� HTTP
��
�� .

�� "http://" ��
�� HTTP �� .

�� HTTP �� :
1-Request
2-Response
��
�� , ��
�� , ��
�� , �� .

��
�� :

[CENTER]�� Hidden Frame Technique[/CENTER]
�� HTML �� , ��
�� .
��
�� Netscape 4 ��
�� .

�� (Pattern) :

�� .
�� (�� )
��
��
�� .
��
��
�� .

�� GET :

�� .
��
��
�� ID �� :

��
(�� MySQL , PHP ,JavaScript)

�� PHP:

  #

# Table structure for table `Customers`

#

 
CREATE TABLE `Customers` (

  `CustomerId` int(11) NOT NULL auto_increment,

  `Name` varchar(255) NOT NULL default '',

  `Address` varchar(255) NOT NULL default '',

  `City` varchar(255) NOT NULL default '',

  `State` varchar(255) NOT NULL default '',

  `Zip` varchar(255) NOT NULL default '',

  `Phone` varchar(255) NOT NULL default '',

  `E-mail` varchar(255) NOT NULL default '',

  PRIMARY KEY  (`CustomerId`)

) TYPE=MyISAM COMMENT='Sample Customer Data' ;

 
#

# Dumping data for table `Customers`

#

 
INSERT INTO `Customers` VALUES (1, 'Michael Smith', '123 Somewhere Road', 'Beverly Hills', 'California', '90210', '(555) 555-1234', 'michael@somewhere.com');

INSERT INTO `Customers` VALUES (2, 'Matthew Johnson', '1234 Somewhere Else Street', 'Elsewhere', 'Confusion', '00000', '(555) 555-2345', 'johnboy@neato.net');

INSERT INTO `Customers` VALUES (3, 'Cindy Benjamin', '1313 Mockingbird Lane', 'Somewhere', 'Montana', '00000', '(555) 555-9876', 'cindybean@mcok.net');

INSERT INTO `Customers` VALUES (4, 'Mary Klein', '10 Highland Avenue', 'Salem', 'Massachusetts', '01970', '(555) 555-4920', 'mary@klein.net');

�� CustomerId �� .

�� HTML �� , �� HTML

�� HTM �� :

�� PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html >

<head >

<title>����� ������� ������ �����</title>

</head>

 
<frameset rows="100%,0" frameborder="0" >

    <frame name="displayFrame" src="display.htm" noresize="noresize" target="_self"  >

    <frame name="hiddenFrame" src="about:blank" noresize="noresize" >

</frameset>

 
</html>

�� .

�� rows ��
�� 100% � �� frameborder ��
�� . �� noresize
�� .

�� display.htm ��
Text area �� :

�� PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 
<html dir="rtl">

<head>

    <title>������� ������ �������</title>

    <script type="text/javascript">

        function requestCustomerInfo() {

            var sId = document.getElementById("txtCustomerId").value;

            top.frames["hiddenFrame"].location = "GetCustomerData.php?id=" + sId;

        }

        

        function displayCustomerInfo(sText) {

            var divCustomerInfo = document.getElementById("divCustomerInfo");

            divCustomerInfo.innerHTML = sText;

        }

    </script>

</head>

<body>

    <p>�� ������ ��� ������ ������ ��������:</p>

    <p>��� ������ <input type="text" id="txtCustomerId" value="" ></p>

    <p><input type="button" value="��� ������� ������" onclick="requestCustomerInfo()" ></p>

    <div id="divCustomerInfo"></div>

</body>

</html>

�� ...

��

��:

 requestCustomerInfo()

�� id �� txtCustomerId
��
GetCustomerData.php?id=
��
�� .

��:

displayCustomerInfo(sText)

�� ,,

�� GetCustomerData.php
��

�� PHP:

 
<html>

<head>

<title> ��� ������� ������ </title>

<?php

//php code

?>

</head>

<body>

<div id="divInfoToReturn"><?php echo $sInfo ?></div>

</body>

</html>

��
�� ..
��
�� $sInfo , �� </div>
��
�� JavaScript ��

�� head �� PHP

�� PHP:

    <script type="text/javascript">

        window.onload = function () {

            var divInfoToReturn = document.getElementById("divInfoToReturn");

            top.frames["displayFrame"].displayCustomerInfo(divInfoToReturn.innerHTML);        

        };

    

    </script>

�� window.onload . �� </div>
�� .
��, �� top.frames ��
displayCustomerInfo() �� , �� innerHtml �� </div>

�� , �� PHP
�� $sID �� get �� id
�� $sInfo ��
��

�� PHP:

   //customer ID

    $sID = $_GET["id"];

    

    //variable to hold customer info

    $sInfo = "";

    

    //database information

    $sDBServer = "localhost";

    $sDBName = "ajax";

    $sDBUsername = "root";

    $sDBPassword = "root";

�� .

��
�� sInfo ��

�� PHP:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

    <title>��� ������� ������</title>

<?php

    

    //customer ID

    $sID = $_GET["id"];

    

    //variable to hold customer info

    $sInfo = "";

    

    //database information

    $sDBServer = "localhost";

    $sDBName = "ajax";

    $sDBUsername = "root";

    $sDBPassword = "root";

 
    //create the SQL query string

    $sQuery = "Select * from Customers where CustomerId=".$sID;

              

    //make the database connection

    $oLink = mysql_connect($sDBServer,$sDBUsername,$sDBPassword);

    @mysql_select_db($sDBName) or $sInfo = "Unable to open database";

        

    if($sInfo == '') {

        if($oResult = mysql_query($sQuery) and mysql_num_rows($oResult) > 0) {

            $aValues = mysql_fetch_array($oResult,MYSQL_ASSOC);

            $sInfo = $aValues['Name']."<br />".$aValues['Address']."<br />".

                     $aValues['City']."<br />".$aValues['State']."<br />".

                     $aValues['Zip']."<br /><br />Phone: ".$aValues['Phone']."<br />".

                     "<a href=\"mailto:".$aValues['E-mail']."\">".$aValues['E-mail']."</a>";

        } else {

            $sInfo = "Customer with ID $sID doesn't exist.";

        }

    }

    

    mysql_close($oLink);

 
?>

    

    <script type="text/javascript">

        window.onload = function () {

            var divInfoToReturn = document.getElementById("divInfoToReturn");

            top.frames["displayFrame"].displayCustomerInfo(divInfoToReturn.innerHTML);        

        };

    

    </script>

 
</head>

<body>

    <div id="divInfoToReturn"><?php echo $sInfo ?></div>

</body>

</html>

��
��

��
��

�� .

awam10 · 06-01-2008, 05:17 PM

��

�� ..

Akwad Net · 06-01-2008, 09:52 PM

�� ThePunisher .. �� ��  ..
�� .. ��

ThePunisher · 06-01-2008, 10:40 PM

��

��

��

��

��

�� · 07-01-2008, 06:45 AM

�� ThePunisher

� ��

------ �� -------

��

��

�� The Punisher
------------------------

��

��

�� · 07-01-2008, 11:07 AM

�� , �� ScriptAlias � Blog Archive � embedding html in a post

��

��

owner · 07-01-2008, 12:43 PM

�� .

��

��

ThePunisher · 08-01-2008, 10:16 AM

��

��

��

�� GET

��

�� POST

�� POST �� GET ��

2GB �� GET �� 512KB .

�� POST �� form �� metod �� post

�� post �� url �� action.

�� , ��

�� target .

�� target �� <a> ��

��

�� :

�� html ��

�� PHP:

  <frameset rows="100%,0" frameborder="0">

    <frame name="displayFrame" src="entry.htm" noresize="noresize" />

    <frame name="hiddenFrame" src="about:blank" noresize="noresize" />

</frameset>

��

�� entry.htm

�� ..

�� PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 
<html dir="rtl">

<head>

    <title>����� ���� ���� </title>

    <script type="text/javascript">

           

        function saveResult(sMessage) {

            var divStatus = document.getElementById("divStatus");

            divStatus.innerHTML = "Request completed: " + sMessage;            

        }

 
    </script>

</head>

<body>

    <form method="post" action="SaveCustomer.php" target="hiddenFrame">

    <p>���� ������� ������ ������ :</p>

    <p>��� ������: <input type="text" name="txtName" value="" /><br />

    �������: <input type="text" name="txtAddress" value="" /><br />

    �������: <input type="text" name="txtCity" value="" /><br />

    �������: <input type="text" name="txtState" value="" /><br />

    ����� �������: <input type="text" name="txtZipCode" value="" /><br />

    ������: <input type="text" name="txtPhone" value="" /><br />

    ������ ����������: <input type="text" name="txtEmail" value="" /></p>

    <p><input type="submit" value="��� ������� ������" /></p>

    </form>

    <div id="divStatus"></div>

</body>

</html>

�� target ��
��
�� savecustomer.php

�� SaveCustomer.php ��
�� .

��

�� PHP:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 
<html>

<head>

    <title>Create New Customer</title>

<?php

    //��� ��������

    $sName = $_POST["txtName"];

    $sAddress = $_POST["txtAddress"];

    $sCity = $_POST["txtCity"];

    $sState = $_POST["txtState"];

    $sZipCode = $_POST["txtZipCode"];

    $sPhone = $_POST["txtPhone"];

    $sEmail = $_POST["txtEmail"];

    

    //����� ������

    $sStatus = "";

        

    //������� ����� ��������

    $sDBServer = "localhost";

    $sDBName = "ajax";

    $sDBUsername = "root";

    $sDBPassword = "";

 
    //��������� ����� ��������

    $sSQL = "Insert into Customers(Name,Address,City,State,Zip,Phone,`E-mail`) ".

              " values ('$sName','$sAddress','$sCity','$sState', '$sZipCode'".

              ", '$sPhone', '$sEmail')";

 
    $oLink = mysql_connect($sDBServer,$sDBUsername,$sDBPassword);

    @mysql_select_db($sDBName) or $sStatus = "Unable to open database";

        

    if($sStatus == ''){

        if($oResult = mysql_query($sSQL)) {

            $sStatus = "Added customer; customer ID is ".mysql_insert_id();

         } else {

            $sStatus = "An error occurred while inserting; customer not saved.";

        }

    }

 
    mysql_close($oLink);

?>

    <script type="text/javascript">

    

        window.onload = function () {

            top.frames["displayFrame"].saveResult("<?php echo $sStatus ?>");        

        }

 
    </script>

</head>

<body>

</body>

</html>

�� mysql_insert_id() �� auto_increment ��
�� insert

�� ^^

��

�� Hidden iFrames

��

General_C · 08-01-2008, 10:45 PM

��

General_C · 09-01-2008, 01:30 PM

��

ThePunisher · 09-01-2008, 04:07 PM

�� ^^

libyan top · 23-01-2008, 10:06 PM

��

http://www.swalif.net/softs/attachme...1&d=1201194386

�� · 28-01-2008, 04:29 PM

�� ..

�� ..

ThePunisher

��

��

��Hidden frame �� Get , Post

�� Hidden iFrames

�� iFrame �� HTML 4.0 ��

�� Frame �� ,

�� iFrame �� iFrame
�� hiddenframe ��
�� :

�� PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 
<html>

<head>

    <title>Hidden IFrame Example 1</title>

    <script type="text/javascript">

        function requestCustomerInfo() {

            var sId = document.getElementById("txtCustomerId").value;

            top.frames["hiddenFrame"].location = "GetCustomerData.php?id=" + sId;

        }

 
        function displayCustomerInfo(sText) {

            var divCustomerInfo = document.getElementById("divCustomerInfo");

            divCustomerInfo.innerHTML = sText;

        }

    </script>

</head>

<body>

    <p>Enter customer ID number to retrieve information:</p>

    <p>Customer ID: <input type="text" id="txtCustomerId" value="" /></p>

    <p><input type="button" value="Get Customer Info" onclick="requestCustomerInfo()" /></p>

    <div id="divCustomerInfo"></div>

    <iframe src="about:blank" name="hiddenFrame" width="0" height="0" frameborder="0"></iframe>

</body>

</html>

�� GetCustomerData.php ��

�� PHP:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

    <title>Get Customer Data</title>

<?php

    

    //customer ID

    $sID = $_GET["id"];

    

    //variable to hold customer info

    $sInfo = "";

    

    //database information

    $sDBServer = "your.databaser.server";

    $sDBName = "your_db_name";

    $sDBUsername = "your_db_username";

    $sDBPassword = "your_db_password";

 
    //create the SQL query string

    $sQuery = "Select * from Customers where CustomerId=".$sID;

 
    //make the database connection

    $oLink = mysql_connect($sDBServer,$sDBUsername,$sDBPassword);

    @mysql_select_db($sDBName) or $sInfo = "Unable to open database";

        

    if($sInfo == '') {

        if($oResult = mysql_query($sQuery) and mysql_num_rows($oResult) > 0) {

            $aValues = mysql_fetch_array($oResult,MYSQL_ASSOC);

            $sInfo = $aValues['Name']."<br />".$aValues['Address']."<br />".

                     $aValues['City']."<br />".$aValues['State']."<br />".

                     $aValues['Zip']."<br /><br />Phone: ".$aValues['Phone']."<br />".

                     "<a href=\"mailto:".$aValues['E-mail']."\">".$aValues['E-mail']."</a>";

        } else {

            $sInfo = "Customer with ID $sID doesn't exist.";

        }

    }

    mysql_close($oLink);

 
?>

    

    <script type="text/javascript">

        window.onload = function () {

            var divInfoToReturn = document.getElementById("divInfoToReturn");

            parent.displayCustomerInfo(divInfoToReturn.innerHTML);

        };

 
    </script>

 
</head>

<body>

    <div id="divInfoToReturn"><?php echo $sInfo ?></div>

</body>

</html>

��

�� hidden iFrames ��
�� ,,

�� iFrame �� document.createElement()

�� :

�� PHP:

          function createIFrame() {

            var oIFrameElement = document.createElement("iframe");

            oIFrameElement.width=0;

            oIFrameElement.height=0;

            oIFrameElement.frameBorder=0;

            oIFrameElement.name = "hiddenFrame";

            oIFrameElement.id = "hiddenFrame";

            document.body.appendChild(oIFrameElement);

//more code

}

��
�� iFrame �� .
�� id � name ��
�� frame �� NAME �� ID.

�� Iframe

�� :

�� PHP:

var