使用jQuery Ajax获取用户地址信息和User Agent
September 25th, 2010
59 条评论
jQuery 是一个JavaScript 库，它有助于简化 JavaScript 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。
jQuery由John Resig创建，它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery，您可以把握问题的要点，并使用尽可能最少的代码实现您想要的功能。毫无疑问，jQuery 的原理是独一无二的：它的目的就是保证代码简洁并可重用。
使用jquery的ajax，我们可以轻松的从特定网页获取所需的信息，并进行相应的处理。
下面的是一个简单示例，我们从这个网页上获取到您的地址信息和用户代理。
<!DOCTYPE html>
<html>
<head>
<title>Jquery Ajax 获取UA信息</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<div id="uainfo" style="display:none;"></div>
<span id="info"></span>
<script type="text/javascript">
$(document).ready(function(){ $("#uainfo").load('http://ip.tangblog.info/uaimg');
$("#uainfo").ajaxStop(function(){ var addr = $("#uainfo #Addrinfo").text();var info = $("#uainfo #UAinfo").html(); $("#info").html('您好，您来自'+addr+'，您使用的是'+info+'系统！'); }) })
</script>
</body>
</html>
最新评论