`
ForgiDaved
  • 浏览: 56672 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

使用jsonp实现ajax跨域访问

jsonpajaxjsonjava 
阅读更多
    工作中的一个巧合，提到了ajax跨域访问的问题，刚刚心血来潮，弄了个简单的例子，为便于记忆，将前端和后端代码简单贴下：
    前端: 
<%@ page language="java" contentType="text/html; charset=UTF-8"%>     
<html>
<head>     
<title>ajax jsonp test</title>
<script src="jquery/jquery-1.3.2.min.js" type="text/javascript">     
</script>      
<script type="text/javascript">    
$(document).ready(function(){    
   $("#button").click(function(){      
       $.ajax({   
          data:"?callback=?",
          url: 'http://192.168.1.170/resp.jsp',
          dataType:'jsonp',
          success:function(json){ 
             $("#show").html(json); 
          }
        });   
     });
 });     
</script>      
</head>     
<body>     
<form id="form1" name="form1" method="post">  
<INPUT TYPE="button" value="提交" id="button"/>     
</form>     
<div id="show"> 
</div>     
</body>     
</html>

   后端: 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
         String callback = request.getParameter("callback");
         String resp = "\"helloworld!\"";
         out.print(callback+"("+resp+")");
%>
分享到：
| lucence自定义搜索结果的排序代码分享
评论
发表评论

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

相关推荐

    JSONP实现Ajax跨域访问

    ### JSONP实现Ajax跨域访问 #### 一、引言 JSONP（JSON with Padding）是一种用于解决跨域数据访问的技术。由于同源策略（Same-Origin Policy）的存在，JavaScript/Ajax只能请求同源的资源，这给需要跨域访问数据...

    怎样实现Ajax 跨域访问

    ### 如何实现Ajax跨域访问 在Web开发中，由于同源策略的限制，JavaScript只能对同源的页面进行操作，不能对不同源的页面进行请求。然而，在实际的应用场景中，经常会出现需要向不同域名下的服务器发起请求的情况。...

    html通过 ajax jsonp跨域请求接收和传送数据

    服务器需要在响应头中添加`Access-Control-Allow-Origin`字段，允许特定的源进行跨域访问。客户端的AJAX请求设置`xhr.open('GET', url, true)`，然后发送请求。 2. **JSONP跨域**: JSONP的工作方式不同，它不依赖于...

    JQury实现Ajax跨域访问

    **jQuery实现Ajax跨域访问** 在Web开发中，由于同源策略的限制，JavaScript通常只能对同一域名下的资源进行操作。然而，有时我们需要从不同源获取数据，这就是跨域访问的需求。jQuery通过Ajax提供了跨域请求的能力...

    浅析JSONP解决Ajax跨域访问问题的思路详解

    JSONP是一种使用JSON数据的方式，返回的不是JSON对象，是包含JSON对象的javaScript脚本。接下来通过本文给大家介绍jsonp解决ajax跨域访问问题的思路，非常不错具有参考借鉴价值，感兴趣的朋友一起看下吧

    使用JSONP完成HTTP和HTTPS之间的跨域访问

    ### 使用JSONP完成HTTP和HTTPS之间的跨域访问 在现代Web开发中，跨域问题是一项常见挑战，尤其是在涉及不同协议（如HTTP与HTTPS）的数据交互时。本文将深入探讨如何利用JSONP（JSON with Padding）技术来实现HTTP与...

    Ajax跨域访问(ASP.NET Web)

    Ajax跨域访问是Web开发中常见的需求，可以通过JSONP或CORS来实现。在ASP.NET Web中，可以方便地配置服务器以支持这些跨域解决方案。同时，需要注意安全问题，防止恶意网站利用跨域访问获取或篡改数据。

    跨域访问解决方法-jsonp

    跨域访问是Web开发中一个常见的挑战，尤其是在进行Ajax异步请求时，浏览器的同源策略（Same-origin policy）会限制JavaScript从一个源获取另一个源的数据。为了解决这个问题，开发者通常采用JSONP（JSON with ...

    Ajax跨域访问解决方案

    **Ajax跨域访问解决方案** 在Web开发中，Ajax（Asynchronous JavaScript and XML）技术被广泛用于实现页面的异步更新，提升用户体验。然而，由于浏览器的同源策略限制，Ajax请求只能向同源（协议、域名和端口相同）...

    jquery下利用jsonp跨域访问实现方法

    在JavaScript的世界里，由于同源策略的限制，浏览器禁止了不同源之间进行AJAX通信，但JSONP（JSON with Padding）作为一种巧妙的方式，允许我们绕过这个限制，实现在jQuery中进行跨域请求。本篇文章将深入探讨JSONP...

    ajax跨域解决办法

    AJAX跨域问题的出现是由于浏览器的安全机制，旨在防止恶意网站通过脚本访问其他网站的数据，保护用户隐私。但是，在某些场景下，比如前后端分离的应用、API接口调用等，跨域请求是必要的。针对这一需求，有多种解决...

    js跨域解决方案

    1. **JSONP(JSON with Padding)**：JSONP是一种早期的跨域解决方案，它依赖于`&lt;script&gt;`标签不受同源策略限制的特点。通过动态创建`&lt;script&gt;`标签，设置其`src`属性为提供服务的服务器接口，并由服务器返回一个包裹...

    JAVA的AJAX跨域访问

    通过上述分析和示例代码，我们可以看到在Java环境中解决JSP中的AJAX跨域访问问题并不复杂，关键在于理解跨域访问的原理以及正确配置CORS或实现JSONP。无论是通过设置响应头来启用CORS，还是通过包装数据来实现JSONP...

    原生ajax库实现jsonp跨域短小精悍

    本文将深入探讨如何使用原生JavaScript实现一个简单的AJAX库，特别关注JSONP的实现。 首先，理解JSONP的基本原理是关键。JSONP利用了HTML中`&lt;script&gt;`标签不受同源策略限制的特点，通过动态创建`&lt;script&gt;`元素并...

    表格制作软件中实现ajax跨域异步单点登录的方法

    通过上述步骤，我们可以在FineReport表格制作软件中实现ajax跨域异步单点登录。需要注意的是，文中提到的一些代码片段和具体实现细节可能需要根据实际的系统环境和业务需求进行调整。例如，报表系统的单点登录接口...

    ajax跨域访问

    本文介绍了AJAX跨域访问的基本概念、同源策略以及JSONP实现跨域访问的具体步骤。通过上述示例，我们可以了解到如何在实际项目中应用JSONP来解决跨域问题。虽然JSONP能够有效解决跨域问题，但它也存在一定的局限性，...

    深入浅析Jsonp解决ajax跨域问题

    为了有效理解JSONP解决Ajax跨域问题的知识点，我们首先需要明确几个关键概念： 1. **同源策略（Same-Origin Policy）**：这是浏览器安全策略的核心之一，用于控制不同源之间的文档或脚本的交互。一个“源”通常由...

    使用Jsonp方式跨域获取json

    JSONP（JSON with Padding）是一种跨域数据交互协议，它利用了`&lt;script&gt;`标签可以跨域请求资源的特性来实现数据的交换。在Web开发中，由于浏览器的同源策略限制，JavaScript通常无法直接访问不同源的资源，但JSONP...

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