Во -первых, я поделился с вами нативной реализацией JavaScript AJAX для вашей ссылки. Конкретный контент заключается в следующем
var getxmlhttprequest = function () {if (window.xmlhttprequest) {// mainstream браузеры предоставляют xmlhttprequest объект возвращать новый xmlhttprequest (); } else if (window.activexobject) {// Нижняя версия IE Browser не предоставляет xmlhttprequest объект //, поэтому вы должны использовать конкретную реализацию IE Browser ActivexObject return new ActiveXobject ("microsoft.xmlhtprequest"); }}; var xhr = getxmlhttprequest (); xhr.onreadystatechange = function () {console.log (xhr.readystate); if (xhr.readystate === 3 && xhr.status === 200) {// выполнить операцию после успешного сбора // Данные находятся в xhr.responsetextext.log (xhr.responsetext); }}; xhr.open ("get", "data.php", true); xhr.send ("");Ниже я поделюсь с вами несколькими способами реализации Native Ajax с помощью JavaScript.
Перед реализацией Ajax вы должны создать объект Xmlhttprequest. Если браузер, который создает этот объект, не поддерживается, вам необходимо создать ActivexObject. Конкретный метод заключается в следующем:
var xmlhttp; function createxmlhttprequest () {if (window.activexobject) {xmlhttp = new activexobject ("microsoft.xmlhttp"); } else if (window.xmlhttprequest) {xmlhttp = new xmlhttprequest (); }(1) Следующее использует XMLHTTP, созданный выше для реализации простейшего запроса AJAX GET:
Функция Doget (url) {// Обратите внимание, что при прохождении значений параметров лучше всего использовать Encodeuri для его обработки, в случае искаженного кода Createxmlhttprequest (); xmlhttp.open ("Get", url); xmlhttp.send (null); xmlhttp.onreadystatechange = function () {if ((xmlhttp.readystate == 4) && (xmlhttp.status == 200)) {alert ('успех'); } else {alert ('fail'); }}}(2) Используйте XMLHTTP, созданный выше, чтобы реализовать самый простой запрос POST AJAX:
Функция dopost (url, data) {// Обратите внимание, что при прохождении значений параметров лучше всего использовать Encodeuri для его обработки, в случае искаженного кода createxmlhttprequest (); xmlhttp.open ("post", url); xmlhttp.setrequestheader ("content-type", "Application/xwww-form-urlencoded"); xmlhttp.send (data); xmlhttp.onreadystatechange = function () {if ((xmlhttp.readystate == 4) && (xmlhttp.status == 200)) {alert ('успех'); } else {alert ('fail'); }}}Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.