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

最新推荐文章于 2024-10-18 19:35:06 发布

iteye_2555

最新推荐文章于 2024-10-18 19:35:06 发布

阅读量124

点赞数

分类专栏： ajax 文章标签： jQuery Ajax json Java JSP ViewUI

本文链接：https://blog.csdn.net/iteye_2555/article/details/81691123

版权

ajax 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文是参考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就可以了