`

jSONP跨域使用认识

jsonpjsonJavaJSP 
阅读更多
前端页面： 
<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">
function do_jsonp(){
$.getJSON("http://192.168.0.110:8080/zjres/test.jsp?callback=?",             //调用JSONP   数据来源
function(json){ 
  alert(json.length);
 $('#result').val('My name is: ' + json[0].name);   

});
}
</script>
  </head>
  
  <body>
  <a href="javascript:do_jsonp();">Click me</a><br />  
  <textarea id="result" cols="50" rows="3"></textarea> 
  </body>
</html>


Test.jsp 页面

生成json对象 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>   
<%String callback=request.getParameter("callback"); %>   
<%   out.print(callback+"([ { name:\"testJohn\"} ,{name:\"testJohn1\"}] )");%>

分享到：
| cookie设置
评论
发表评论

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

相关推荐

    showModalDialog跨域解决例子

    在互联网世界中，由于同源策略的限制，JavaScript在不同域名之间进行通信或操作时会受到严格的限制，这就是所谓的“跨域”问题。...在处理跨域问题时，确保对用户数据的安全性有充分的认识，避免引发安全风险。

    跨域问题的小实验

    4. **使用JSONP（JSON with Padding）**：在不支持CORS的旧版本浏览器中，可以使用JSONP来实现跨域。JSONP的原理是利用`&lt;script&gt;`标签不受同源政策限制的特点，服务器返回一个包裹在函数调用中的JSON数据，客户端...

    两种简单的跨域方法(jsonp、php)

    JSONP是一种简单而广泛使用的技术来实现跨域请求。其核心思想是，利用`&lt;script&gt;`标签的src属性没有同源限制的特性，通过动态创建`&lt;script&gt;`标签，请求服务端返回可执行的JavaScript代码，从而实现跨域通信。需要注意...

    java服务器端解决跨域问题共6页.pdf.zip

    Java服务器端解决跨域问题是一项常见的任务，尤其是在开发Web应用时。跨域是由于浏览器的安全策略，即同源策略（Same-...无论选择哪种方法，确保对跨域问题有充分的认识，能够有效避免因为安全漏洞导致的数据泄露风险。

    ie7下利用ajax跨域盗取cookie的解决办法

    在IE7浏览器环境下，利用AJAX技术跨域盗取...对于有意图使用此类技术进行不法行为的个人，再次重申必须立刻停止，并深刻认识到此行为的严重后果。在Web开发中，我们应始终以保护用户数据安全和遵守法律法规为最高准则。

    Allow-Control-Allow-Origin-小军617

    标题“Allow-Control-Allow-Origin-小军617”和描述中的...对于更复杂的应用场景，可以考虑使用CORS（Cross-Origin Resource Sharing）进行服务器端的跨域配置，或者使用JSONP（JSON with Padding）等其他跨域技术。

    AJAX javascript的跨域访问执行

    传统的解决跨域问题的方法有多种，如设置Access-Control-Allow-Origin头部、使用JSONP等。不过，这些方法各有其局限性，例如JSONP仅支持GET请求。 文章中提到的使用iframe的方法是一种古老且行之有效的技术，它通过...

    ajax视频教程1

    为了解决跨域问题，JSONP是一种非官方的解决方案。它通过动态插入`&lt;script&gt;`标签来获取数据，因为浏览器允许跨域加载脚本。 ### 6. 跨域Ajax 出于安全考虑，浏览器限制了Ajax的跨域请求。但通过CORS（Cross-Origin ...

    jquery入门教材

    6. **JSONP跨域**: 通过`$.getJSON()`实现跨域数据获取，常用于与不同源的API接口交互。 **三、jQuery插件和源码阅读** 7. **jQuery插件开发**: 学习如何编写自定义的jQuery插件，增强jQuery的功能，如`$.fn....

    网上一些json和struts的入门资料

    "使用 JSONP 实现跨域通信"这部分内容可能会介绍JSONP的工作原理，以及如何结合jQuery进行实际应用。 **Struts2配置文件讲解** 对于理解框架的运行机制至关重要。它通常包含Action配置、拦截器栈配置、结果类型配置...

    10-网络模块封装.pdf

    除了axios，另一种常见的网络请求方式是JSONP，它主要用来解决跨域请求的问题。JSONP的核心原理是通过标签的src属性请求数据，因为标签不受同源策略限制。使用JSONP时，服务器端返回的数据必须是一个可执行的...

    毕业设计：考勤系统（Vue+Webpack+ElementUI）.zip

    如果后端服务器跨域策略限制，开发时可能需要使用JSONP（JSON with Padding）或CORS（跨源资源共享）来解决跨域问题。JSONP适用于简单的GET请求，而CORS则提供了更全面的跨域解决方案。 8. **Mock Server**： 在...

    2017年前端面试题整理汇总100题.pdf

    - **JSONP**：由于浏览器同源策略限制，JSONP通过动态创建`&lt;script&gt;`标签的方式请求跨域资源，并利用回调函数取得数据。但JSONP只支持GET请求。 - **CORS（跨源资源共享）**：通过在服务器端设置特定的HTTP头部...

    15天学会jQuery 不错的教材

    - 学习AJAX的其他方法，如.get()、.post()以及JSONP的使用。 第7天：jQuery插件 - 了解jQuery插件的结构和工作方式。 - 实践编写简单的jQuery插件，提升代码复用性。 第8天：jQuery与响应式设计 - 学习如何使用...

    四天学会ajax

    但通过CORS（Cross-Origin Resource Sharing）或者JSONP（JSON with Padding）可以实现跨域请求。 6. **局部刷新与DOM操作**：Ajax的一大优势是局部刷新页面，这涉及到DOM（Document Object Model）的理解。使用...

    ajax入门教程，包含ppt

    为解决跨域问题，可以采用JSONP、CORS（跨源资源共享）等方法。JSONP利用script标签的跨域特性，CORS则需要服务器设置特定的HTTP头部允许跨域请求。 **七、Ajax的局限性** 尽管Ajax带来了许多便利，但也存在一些...

    前端面试技巧2017及自己亲身经历的的js笔试题

    8. **跨域问题**：了解什么是跨域，以及解决跨域的几种方法，如JSONP、CORS、代理服务器等。 9. **浏览器兼容性**：对不同浏览器的特性、差异和兼容性解决方案有清晰的认识，尤其是IE浏览器的兼容性问题。 10. **...

    轩魂国度ajax聊天系统 v1.0 AJAX学习资料

    通常需要使用JSONP或者CORS（跨源资源共享）解决跨域问题，同时确保代码兼容各种浏览器。 9. **轩魂国度聊天系统的实现**：此聊天系统可能利用AJAX实现实时的消息传递，用户发送的消息即时显示在对话框中，而无需...

    关于 Web 安全

    开发者必须对HTTP/HTTPS协议的使用、同源策略的理解以及XSS防护策略有深入的认识，才能有效应对日益复杂的网络安全挑战。同时，定期的系统更新、安全审计和用户教育也是保障Web安全的重要环节。

    ajax基本用法课件，代码例子

    - **跨域请求**: 使用JSONP或者CORS技术实现不同源之间的通信。 - **预加载**: 使用`prefetch`或`preload`策略提前加载可能需要的数据。 - **异步文件上传**: 结合FormData对象实现文件的非同步上传。 - **进度监控*...

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