Question

AJAX kullanarak MySQL veritabanında depolanan veri ve çalışıyor. Ama AJAX kullanarak veri almak için bir sorunla karşı karşıya.

Benim (onun Yorum gönderme sayfa) veri depolamak için kodlama:

function sendMail(form_id) {
    // Do a client-side check; if it passes, then move on; 
    // otherwise, report an error to the user

    //if (!validatePage(form_id)) return;
    if(!checkMail(document.getElementById('txtEmail').value))
    {
        document.getElementById('txtEmail').focus();
        return false;
    }
    window.scrollTo(0,0);
    divId = "results";
    var str = "";
    var elem = document.getElementById(form_id).elements;
    for (var i = 0; i &lt; elem.length; i++) {
        if (
            (elem[i].type == "hidden") || 
            (elem[i].type == "text") || 
            (elem[i].type == "textarea")
        ) {
            // Text field
            str += elem[i].id + "=" + escape(encodeURI(trimField(elem[i].id))) + "&";
        }
        else if (elem[i].type == "checkbox") {
            // Check box
            if (elem[i].checked) {
                str += elem[i].id + "=on&";
            }
            else {
                str += elem[i].id + "=off&";
            }
        }
        else if (elem[i].type == "select-one") {
            // Drop-down menu (SELECT)
            var sel = elem[i];
            str += sel.id + "=" + sel.options[sel.selectedIndex].value + "&";
        }
    }
    str = str.substring(0, str.length-1);
    str = str.replace(/%250A/g,"\n") // Make sure that line breaks get transmitted properly
    if (form_id == "contact_form") {
        form_page = "sendMail.php";
    }
    AjaxRequest(form_page, str, "post");
}

// Make the AJAX request
function AjaxRequest(url, parameters, type) {
    http_request = false;
    if (window.XMLHttpRequest) {
        // Mozilla, Safari,...
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            // set type accordingly to anticipated content type
            //http_request.overrideMimeType('text/xml');
            http_request.overrideMimeType('text/html');
        }
    }
    else if (window.ActiveXObject) {
        // IE
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
            }
        }
    }
    if (!http_request) {
        alert("Cannot create XMLHTTP instance");
        return false;
    }
    if (type == "post") {
        // POST
        http_request.open('POST', url, true);
        http_request.onreadystatechange = AjaxRequestCb;
        http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        http_request.setRequestHeader("Content-length", parameters.length);
        http_request.setRequestHeader("Connection", "close");
        http_request.send(parameters);
    }
    else if (type == "get") {
        // GET
        http_request.open('GET', url + parameters, true);
        http_request.onreadystatechange = AjaxRequestCb;
        http_request.send(null);
    }
    // if...else
}

// AJAX Callback
function AjaxRequestCb() {
    if (
        http_request.readyState == 1 || 
        http_request.readyState == 2 || 
        http_request.readyState == 3
    ) {
    }
    else if (http_request.readyState == 4) {
        if (http_request.status == 200) {
            result = http_request.responseText;
            document.getElementById(divId).innerHTML = result;
            // If CAPTCHA failed, then repopulate it
            if (result.indexOf("CAPTCHA") &gt; -1) {
                Recaptcha.reload();
            }
            else {
                // Clear form after email has been sent
                document.forms["contact_form"].reset(); // Not robust, I know (will modify later)
                Recaptcha.reload(); // Display a new CAPTCHA
            }
        }
        else {
            alert("Callback failed. There was a problem with the request.");
        }
    }
}

// Remove any unneccessary whitespace
function trimField(field) {
    re = /(^\s*)([^\b]*\S)(\s*$)/;
    if (re.test(document.getElementById(field).value)) {
        document.getElementById(field).value = document.getElementById(field).value.replace (re, "$2");
        return document.getElementById(field).value;
    }
    else {
        document.getElementById(field).value = "";
        return "";
    }
}

// The phone field shows how the user should input a phone number; 
// on the first focus, the value will be cleared so the user can 
// enter a phone number
function clearField(field_id) {
    if (first_time) {
        document.getElementById(field_id).value = "";
        first_time = false;
    }
}

Answer 1

AJAX bazı GET veya POST parametreleri (bu parametreler proje için arama filtreleri ya da başka bir şey revelent gibi bir şey olabilir) ile bir PHP sayfası sorgular. Her zaman parametreleri gerekmez, ancak genellikle çoğu projelerde bazı gerekir.
Bu PHP sayfası daha sonra bu parametrelere dayalı MySQL veritabanını sorgulamak olacaktır.
Nihayet bu PHP sayfası olacak XML gibi bir çözümlenebilir formatta çıkış verileri, JSON ... Ya da çıkış HTML direcly ama daha az taşınabilir bulunuyor olabilir.
Sonra JavaScript AJAX yanıtı (PHP tarafından çıkarılan veriler MySQL alınan verilere dayalı olarak) yorumlamak.

Sen Tizag Burada bir öğretici görmek ya da sadece Google it ... olabilir

Answer 2

Ajax, "Geçerli sayfayı terk etmeden bir HTTP isteği yapmak" anlamına gelir. Sadece web sunucusu ve tarayıcı arasındaki iletişim ile ilgilidir. Hala (bu durumda, muhtemelen çalıştırmak için bir PHP programı neden olur) normal bir HTTP isteği olsun.

Bir veritabanına bağlanmak ve PHP kullanarak veri alma konularında herhangi bir diğer isteği gibi bir Ajax isteği için aynıdır.

Tek fark, muhtemelen çıkışına tam bir HTML belgeden başka bir şey istediğiniz olacaktır.

Nasıl php ajax kullanarak mysql veri alabilirim?

2 Cevap

etiketler