`
elan1986
  • 浏览: 168104 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery 跨域访问

jQueryjsonpAjaxjsonJava 
阅读更多
后台页面：
t.jsp----提供数据 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<%= request.getParameter("jsoncallback") %>({"data":{"name":"测试一","address":"湖南","greeting":"test1"},"author":"ellan!"})



前端页面（html,jsp都行）

t.hmtl 

<%@page c%> 
<%@ taglib prefix="s" uri="/struts-tags"%> 
<html> 
<head> 
<meta http-equiv="Content-Type" c /> 
<title>jquery跨域访问测试</title> 
<script type="text/javascript" src="jquery-1.3.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 

getServiceSet(); 

}); 


function getServiceSet() 
{ 
$.ajax({ 
url:"http://127.0.0.1:8888/test/t.jsp", //跨域 
type:"get", 
dataType:"jsonp",//解决跨域问题 
jsonp: 'jsoncallback', 
error:function(data) { 
alert("error"); 
}, 
success:function(json) { 

var obj=json['data']; 
for(var p in obj) 

{ 

alert(p+","+obj[p]); 

} 

}//end success 
}); //end ajax 

} 
</script> 
</head> 
<body></body> 
</html>
分享到：
| HTTPS CAS
评论
发表评论

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

相关推荐

    Jquery 跨域访问 具体实例

    这是一份非常有用的Jquery跨域访问实例，里面提供了3种方法，前台后台都有涉及，希望对你们会有所帮助

    javascript/jquery 跨域访问

    JavaScript 和 jQuery 是Web开发中广泛使用的两种技术，它们在实现跨域访问方面起着关键作用。跨域访问是Web应用程序中常见的需求，特别是在Ajax请求、API调用或数据共享时。由于浏览器的安全策略，不同域名、协议或...

    JQuery跨域访问解决方案

    jQuery作为流行的JavaScript库，提供了一些机制来处理跨域访问。 JQuery的跨域解决方案主要依赖于JSONP（JSON with Padding）技术。JSONP是一种绕过同源策略的方式，它利用HTML中的`&lt;script&gt;`标签没有同源策略限制...

    JQUERY跨域访问取得json返回结果.pdf

    JQUERY跨域访问取得json返回结果.pdf

    JQUERY跨域访问取得json返回结果借鉴.pdf

    JQUERY跨域访问取得json返回结果借鉴.pdf

    jquery跨域访问

    jquery跨域访问服务器，用的是一个jquery的插件，要配合jquery使用。 $(document).ready( function(){ $.get('http://smallbridge.sinaapp.com/', function(res){ $('#testdiv').html(res.responseText); }); }); ...

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

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

    Jquery跨域Ajax请求测试

    本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先，了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制，它规定了只有来自同一协议、同一域名和同一...

    jQuery 跨域访问问题解决方法

    在标题和描述中提到的jQuery跨域访问，主要依赖于JSONP技术。 在上述代码示例中，可以看到一个`$.ajax()`的例子，设置了`dataType`为`'jsonp'`，这是告诉jQuery我们要使用JSONP方式来处理跨域请求。`jsonp`参数用于...

    jQuery跨域问题解决方案

    JSONP允许跨域访问，其工作原理是允许用户传递一个回调函数名给服务器，然后服务器将返回一段JavaScript代码，其中包括了调用该回调函数的代码。客户端通过script标签加载这段返回的代码，使得数据可以跨域被访问。 ...

    jQuery 跨域访问解决原理案例详解

    jQuery跨域访问是指在浏览器端使用jQuery进行AJAX请求时，处理不同源策略所引起的跨域问题。不同源策略是浏览器为了安全考虑而实施的一种限制，它阻止了来自不同域名、端口或协议的页面相互请求资源。这种策略防止了...

    Jquery 跨域访问 Lightswitch OData Service的方法

    标题中的“Jquery 跨域访问 Lightswitch OData Service的方法”指的是使用jQuery库进行跨域数据请求，目标是Microsoft Lightswitch应用中提供的OData服务。Lightswitch是一款用于快速开发企业级桌面和Web应用的工具...

    jquery 跨域访问问题解决方法(笔记)

    这篇文章主要讲述了解决jQuery跨域访问问题的方法，并且通过一个具体的案例来说明了问题的解决过程。 首先，让我们明确什么是跨域访问问题。跨域访问指的是当一个网页试图从不同域名的服务器请求资源时，由于浏览器...

    jquery跨域调用 js跨域调用

    jQuery跨域调用主要是通过JSONP（JSON with Padding）和CORS（Cross-Origin Resource Sharing）这两种机制来实现的。JSONP是一种非官方的跨域数据交互协议，而CORS是W3C标准，允许服务器声明哪些来源可以访问其资源...

    jquery跨域获取json

    标题 "jquery跨域获取json" 涉及到的是JavaScript中的一个常见问题，即如何在浏览器环境中使用jQuery库跨越域限制获取JSON数据。这通常涉及到AJAX请求和JSONP（JSON with Padding）技术。 首先，我们需要理解Web...

    jQuery跨域及域内访问WCF源码

    VS2010环境，下载解压后可以。...跨域测试时： 1、浏览jQuery.CrossWcfService/CrossUserService.svc，以便打开WCF服务。 2、打开jQuery.CrossUI/AccUser.htm，打开后，单击页面按钮，效果出来了。

    jquery跨域调用webservice

    ### jQuery 跨域调用 WebService 的实现方法 在现代Web开发中，跨域问题是一个常见的挑战，尤其是在涉及不同源的服务交互时。本文将详细解释如何利用jQuery通过JSONP（JSON with Padding）的方式实现跨域调用...

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