Ajax простой пример

111

21 августа 2021, 05:00

Здравствуйте я только начал изучать AJAx нашел в сети простой пример потренироваться, но он почему-то не работает, хотя сделал один в один, не могли бы знатоки указать на ошибку и как его исправить до работоспособного состояния?

Файл index.php

<!DOCTYPE html> 
<HTML> 
<HEAD> 
	<meta charset="utf-8"> 
	<title>AJAX</title> 
</HEAD> 
<boDY> 
	<input id="shop_ip" type="button" value="ПОКАЗАТЬ МОЙ IP"> 
	<div id="myip"></div> 
	<script src="script.js"></script> 
</BODY> 
</HTML>

Файл script

window.onload=function(){ 
	document.querySelector("#shop_ip").onclick=function(){ 
	  ajaxGet(); 
	} 
} 
 
function ajaxGet(){ 
	var request=new XMLHttpRequest(); 
	 
	request.onreadystatechange=function(){ 
		if (request.readyState=4 && request.status=200){ 
			document.querySelector('#myip').innerHTML=request.responseText; 
		} 
		 
		console.log(request.readyState); 
	} 
	 
	request.open('GET','ip.php'); 
	request.send(); 
}

Файл ip.php

<?php 
   echo $_SERVER['REMOTE_ADDR']; 
?>

Благодарю всех откликнувшихся

Answer 1

Работает: Вы указали присваивание, а нужно сравнение в request.readyState==4 и request.status==200

<!DOCTYPE html>
    <HTML>
    <HEAD>
        <meta charset="utf-8">
        <title>AJAX</title>
    </HEAD>
    <BODY>
        <input id="shop_ip" type="button" value="ПОКАЗАТЬ МОЙ IP">
        <div id="myip"></div>
        <script>
        window.onload=function(){
        document.querySelector("#shop_ip").onclick=function(){
          ajaxGet();
        }
    }
    function ajaxGet(){
        var request=new XMLHttpRequest();
        request.onreadystatechange=function(){
            if (request.readyState==4 && request.status==200){
                document.querySelector('#myip').innerHTML=request.responseText;
            }
            console.log(request.readyState);
        }
        request.open('GET','ip.php');
        request.send();
    }</script>
    </BODY>
    </HTML>