`

轻松利用JQuery实现ajax跨域访问

    博客分类：
  • ajax
jQueryAjaxjsonJavaJSP 
阅读更多
本文是参考http://xuxiangpan888.iteye.com/blog/319763写的

jquery下载:http://code.jquery.com/jquery-latest.js

被访问的服务器(简称 A)
test.html 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
<html>   
    <head>   
        <title>test.html</title>   
  
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">   
        <meta http-equiv="description" content="this is my page">   
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">   
  
        <script type="text/javascript" src="jquery-1.2.5.js"></script>   
  
        <script type="text/javascript">      
            function test(){   
                $.getJSON("http://192.168.61.135:8080/struts2/testKuaYu.jsp?jsonpCallback=?",   
                    function(json){
			          $.each(json, function(i){
			           //$("#images").append(json[i]);
			           $("#images").append(json[i].name+"--"+json[i].password+"<br/>");
			            if ( i == 2 ){ return false;}
			          });
                });     
            }   
                
               
        </script>   
    </head>   
  
    <body>   
           
        <input type="button" value="跨域" id="test" onclick="test()"/>   
  		<div id="images">
  		</div>
    </body>   
</html>




跨域的服务器(http://192.168.61.135:8080)(简称 B)
testKuaYu.jsp 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>   
<%   
    String callback = request.getParameter("jsonpCallback");   
    out.print(callback + "([ { name:\"John\",password:'xuxiangpan'},{ name:'111',password:'111'},{ name:'222',password:'222'},{ name:'333',password:'333'} ] )");   
%>


直接访问服务器 A 的 test.html就可以了

分享到：
| Struts1.x中处理中文编码（不用过滤器）
评论
4 楼 cymmint 2012-06-07  
请了，大哥
3 楼 cugbzc 2010-11-25  
这根本就不是跨域访问
2 楼 qsrock 2009-03-31  
我试过很多次都可以！JQuery最好是最新的版本！好像1.3版本前的有些是不支撑的！
1 楼 zzzyjavabc 2009-03-28  
我按LZ这样做怎么不行呢？
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics