Get client IP address using JavaScript

0

 


ที่อยู่ IP คือการรวมกันของตัวเลขที่ระบุระบบของตนโดยไม่ซ้ำกัน เหมือนบ้านที่มีที่อยู่สำหรับรับจดหมาย ในทำนองเดียวกัน คอมพิวเตอร์ของคุณก็มีที่อยู่สำหรับรับข้อมูล เราสามารถรับที่อยู่ IP ไคลเอนต์โดย เพิ่ม "https://api.ipify.org?format=json" เพื่อรับที่อยู่ IP ของผู้ใช้ หรือใช้ลิงก์ "https://ipinfo.io" เพื่อใช้ ipinfo เพื่อรับที่อยู่ IP ของผู้ใช้ ก็ได้


ตัวอย่าง

ใช้ลิงก์  "https://api.ipify.org?format=json"


<!DOCTYPE html>
<html>

<head>
	<title>
		Getting Clients IP
	</title>

	<style>
		div{
			text-align: center;
		}
		h1 {
			color: green;
		}
	</style>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
	</script>
</head>

<body>
	<div>
		<h2>
			How to get client IP address using JavaScript ?
		</h2>
		<h3>
			Getting Client IP address
		</h3>
		<p id="result"></p>
	</div>
	<script>
		$(document).ready(()=>{

			/* 1) Add "https://ipinfo.io" link to use the ipinfo for getting the ip address */
			//$.getJSON("https://ipinfo.io",

                        /* 2) Add "https://api.ipify.org?format=json" to get the IP Address of user*/
                           $.getJSON("https://api.ipify.org?format=json",

			function (response) {
			     $('#result').html(`<h1> ${response.ip}</h1>`)
			}, "jsonp");
		}) 
	</script>
</body>

</html>

หมายเหตุ: บางครั้งการตั้งค่าเริ่มต้นจะไม่ทำงานบน Google Chrome และ Internet Explorer รองรับ Firefox และ Microsoft Edge

Ref. https://www.geeksforgeeks.org/



ที่มาครูสมชายคัดมาจาก : {getButton} $text={อ้างอิงที่มา} $icon={link} $color={red}
>>>TRY TO CHECK OUT , IF ANY ERROR FOUND. PLEASE LET ME KNOW BY COMMENT.
I'LL TRY MY LEVEL BEST TO FIX THE PROBLEM.
                                                                THANKS FOR VISITING thumariya.blogspot
Have a nice day!
-------------------------- -------------------------
>>>ลองตรวจสอบหากพบข้อผิดพลาด โปรดแจ้งให้เราทราบโดยแสดงความคิดเห็น
ฉันจะพยายามระดับของฉันให้ดีที่สุดเพื่อแก้ไขปัญหา
ขอบคุณสำหรับการเยี่ยมชม thumariya.blogspot
ขอให้เป็นวันที่ดี!

-------------------------- -------------------------

{fullWidth}

Tags:
แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า