Scribd Logo
Upload

Welcome to Scribd!

  • اجاكس

    Uploaded by

    أبوأحمد
    9 views4 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views4 pages

    اجاكس

    Uploaded by

    أبوأحمد

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    ********************************************************************************

    AJAX

    .. AJAX ...
    . ...
    :
    : Asynchronous JavaScript and XML AJAX
    CSS XHTML HTML

    JavaScript Document Object Model


    . XMLHttpRequest
    . XML

    :

    AJAX
    Internet Explorer .
    . Opera FireFox
    :
    MySQL
    . AJAX
    :
    . index.html

    . test.php

    main.js
    index.html
    HTML:

    <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charse

    main.js
    HTML:
    var http = createRequestObject();
    function createRequestObject(){
    var request_;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
    request_ = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else{
    request_ = new XMLHttpRequest();
    }
    return request_;
    }
    function getInfo(){
    http.open('get', 'test.php?id='+ document.myform.myselect.selectedIndex);
    http.onreadystatechange = handleInfo;
    http.send(null);
    }
    function handleInfo(){
    if(http.readyState == 1){
    document.getElementById('mydiv').innerHTML = ' ...';
    }
    if(http.readyState == 4){
    var response = http.responseText;
    document.getElementById('mydiv').innerHTML = response;
    }
    }

    test.php
    PHP:

    <?php
    ;)'header('Content-Type: text/html; charset=windows-1256
    ;)]'$id=intval($_GET['id
    ;"$dbhost="localhost
    ;"$dbuser="root
    ;""=$dbpass
    ;"$database="test
    ;) $link = @mysql_connect( $dbhost, $dbuser, $dbpass
    ;) $db = @mysql_select_db( $database,$link
    ;)"$result = mysql_query("SELECT * FROM mytable WHERE id=$id
    {) )while ( $row = mysql_fetch_array($result
    ;]'echo $row['name
    }
    ;)mysql_free_result($result
    ;)mysql_close($link
    >?

    : main.js
    . createRequestObject
    test.php getInfo
    getInfo handleInfo
    createRequestObject
    handleInfo getInfo
    getInfo
    php

    myform HTML
    myselect


    HTML:
    ;)http.open('get', 'test.php?id='+ document.myform.myselect.selectedIndex

    handleInfo
    mydiv div

    :
    HTML:
    ;'... ' = document.getElementById('mydiv').innerHTML
    ;document.getElementById('mydiv').innerHTML = response

    . test.php

    programmer4ever@yahoo.com
    00201063879624

    You might also like