分站的过程中，需要跨域请求数据，出现小的问题，记录一下,
test.php,在www.a.com根目录中
test.php代码：
Php代码
<?php
$dal=$_GET['callback'];
$arr=array("name"=>"4nail", "age"=>20);
$jarr=json_encode($arr);
echo $dal.'('.$jarr,')';
?>
test.html在www.b.com根目录下
test.html代码如下：
Html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript" src="Scripts/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#test").click(function(){
$.getJSON("http://www.a.com/test.php?callback=?",function(data){
alert(data.name);
});
});
});
</script>
</head>
<body>
<div style="width:100px;height:100px;background-color:#F00" id="test">点击跨域加载</div>
</body>
</html>
在，$.getJSON()中，url参数,后面要加个，callback=?,至于callback，可以自定义其他的名称，在test.php文件中，改相应的名称，就ok啦！在输出的json 数据时，必须要加上$_GET['callback']和两个括号：echo $dal.'('.$jarr,')';z至于为什么要加，网上很多文章，我这里不再陈述！
分享到：
相关推荐
JSONP（JSON with Padding）是解决这一问题的传统方法之一，而jQuery的getJSON方法在实现跨域请求时，也会采用类似JSONP的方式。 首先，我们来看一下JSONP的基本概念。JSONP是一种利用`<script>`标签可以跨域请求...
本例中的“getJSON”很可能指的是jQuery库中的getJSON方法，它支持JSONP机制来实现跨域数据获取。 JSONP的工作原理是利用`<script>`标签不受同源策略限制的特点，通过动态创建`<script>`元素并设置其src属性为...
总结起来，jQuery 的 AJAX 和 `getJSON` 提供了 JSONP 机制，帮助前端开发者实现跨域数据交互。在实际开发中，应根据项目需求和服务器支持选择合适的跨域策略。对于不支持 JSONP 或需要 POST 请求的场景，CORS 是更...
`jQuery.getJSON`也支持JSONP（JSON with Padding），这是一种跨域数据获取的策略。通过动态创建`<script>`标签，将回调函数名作为参数传递给服务器，服务器返回的JSON数据包裹在该回调函数中，从而实现跨域数据交换...
本文主要介绍两种在使用jQuery进行跨域获取json数据时的实现方法，即通过jQuery的ajax和getJson方法配合JSONP（JSON with Padding）技术来实现跨域数据的获取。 首先，关于jQuery的ajax和getJson方法。ajax是...
本文主要讨论的是通过JQuery实现跨域请求JSON数据的方式——JSONP。 #### 三、JSONP原理及使用 **JSONP**是一种绕过同源策略的技术，它利用了`<script>`标签不受同源策略限制的特点。当使用JSONP进行跨域请求时，...
jQuery提供了`.ajax()`和`.getJSON()`两个方法来实现JSONP。下面将详细解释这两个方法以及JSONP的工作原理。 1. **jQuery的`.ajax()`方法：** 在提供的代码示例中，`$.ajax()`方法用于发起一个跨域GET请求。设置`...
### jQuery $.getJSON() 跨域请求知识点总结 #### 跨域请求基础 在Web开发中，跨域请求是一个非常常见的问题，它的本质是浏览器的同源策略。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源...
本篇将详细介绍如何解决jQuery跨域问题，涉及的方法包括$.get、$.post和$.getJSON等。 首先，我们需要理解什么是跨域。同源策略是浏览器为保障安全而实施的一项机制，它规定JavaScript只能访问与当前页面同源（协议...
在Web开发中，由于浏览器的安全策略，JavaScript通常不能直接进行跨域请求，但jQuery提供了$.ajax和$.getJSON方法，通过JSONP（JSON with Padding）技术来实现在不同源之间获取JSON数据。下面将详细介绍如何使用...
这是一个前端后端通过JQuery的getJSON函数交互json数据的例子。 前端网页是front.html，后端处理的模块是back.jsp 把back.jsp、front.html及jquery-1.8.3.min.js部署在Tomcat的webapps的ROOT下，通过在浏览器输入...
`getJSON()`是jQuery提供的一个便捷方法，用于通过Ajax请求获取JSON格式的数据。在这个例子中，我们将深入探讨如何使用jQuery的`getJSON()`函数与Servlet进行交互。 首先，我们来看`getJSON()`的基本用法。`getJSON...
在jQuery中，我们可以使用`.ajax()`或`.getJSON()`方法，加上`jsonp`类型和`callback`参数来发起JSONP请求。例如： ```javascript $.ajax({ url: 'http://example.com/data', type: 'GET', dataType: 'jsonp', ...
本示例主要展示了如何使用jQuery的Ajax功能解决HTML与PHP之间的跨域问题，结合JSON进行数据交换。让我们详细了解一下这个过程。 首先，我们要理解什么是跨域。在浏览器的安全策略中，由于同源策略的限制，一个域名...
本示例通过AJAX和getJSON方法在Java Web环境下实现跨域数据获取。 首先，JSP页面中引入了jQuery库，这是因为jQuery简化了AJAX操作。页面中定义了一个按钮（`#btn_id`），当点击该按钮时，会触发一个JavaScript函数...
在前端开发中，处理JSON数据是必不可少的一部分，而jQuery库提供的getJSON方法则是获取JSON数据的一种便捷方式。本知识点将详细介绍如何使用jQuery的getJSON方法，以及相关的技巧和完整示例。 首先，我们需要了解...
jQuery中的getJSON方法通常用于异步获取JSON格式数据，但默认情况下，它不允许跨域请求，即出于安全考虑，浏览器限制了不同域之间的AJAX交互。然而，JSONP（JSON with Padding）技术提供了一种方法，通过动态创建...
在jQuery中，我们可以使用`$.ajax()`或`$.getJSON()`方法。当设置`dataType`为'jsonp'时，jQuery会自动处理JSONP请求。JSONP是一种绕过同源策略的方法，它通过在目标服务器上返回一个JavaScript函数调用，将数据作为...