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

wxw850227

浏览: 69264 次
性别:
来自: 深圳

最近访客更多访客>>

zhaohaolin

happy365lyzh

love5

HeroPoj

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ajax jQuery json Java JSP

被访问的服务器(简称 A)
test.html
Java代码
<!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>

<!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
Java代码
<%@ 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'} ] )");
%>

<%@ 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就可以了

分享到：

jquery ajax 跨域调用 | PHP5中调用Java类

2009-05-14 15:40
浏览 1725
评论(0)
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论