使用jQuery Ajax获取用户地址信息和User Agent
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>
最新评论