JQuery1.2 后getJSON方法支持跨域读取json数据,原理是利用一个叫做jsonp的概念。
实例:
<!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>jQuery-跨域请求</title>
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type : "GET",
url : "http://127.0.0.10:81/ad_1/test.php?act=jsoncheckuser&callback=?",
dataType : "jsonp",
jsonp: 'callback',
success : function(json)
{
$('#msg_box').html(json.msg);
return true;
}
});
});
</script>
<body>jQuery-跨域请求:
<div id="msg_box"></div>
</body>
</html>
PHP代码(输出json返回):
<?php
$action = $_GET['act'];
$callback = $_GET['callback'];
if ($action)
{
echo "{$callback}({'msg':'this is a jquery jsonp test message!'})";
exit();
}
else
{
echo "{$callback}({'msg':'error action!'})";
exit();
}
?>
实际操作中使用的PHP代码
if($user_username)
{
$flag = $user->getUserName($user_username);
if($flag)
{
$flag = 1;
}
else
{
$flag = 0;
}
}
else
{
$flag = 0;
}
echo "{$callback}({'msg':'".$flag."'})";
exit();
分享到:
相关推荐
自己做的小例子,关于跨域调用。用的是jquery. 里面两个工程。A和B。用A调用B。 放在tomcat或myeclipse中就可以跑起来。以前做建行的项目。用到的。很实用。 两个工程可以放在不同的机器上。IP也不同。相当...
本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考,具体如下: 现在的互联网技术发展的越来越快,我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行...
本文将详细介绍如何实现JS跨域调用WCF服务,并通过一个控制台应用作为服务宿主的实例进行讲解。 首先,我们要理解什么是跨域问题。在Web浏览器的安全策略中,同源策略限制了JavaScript只能访问与当前页面同源(协议...
在WCF中实现跨域调用,我们需要配置服务以允许来自不同源的请求。 以下是实现AJAX跨域调用WCF服务的具体步骤和相关知识点: 1. **开启WCF服务的跨域支持**:在WCF服务的配置文件(通常是ServiceName.svc.cs或...
总之,JS跨域调用是前端开发中常见的需求,理解并掌握这些跨域方法对提升网页应用的功能性和用户体验至关重要。通过JSONP或CORS等方式,我们可以灵活地与不同源的服务器进行数据交互,实现更丰富的功能。
标题:“js跨域调用WebService的简单实例”主要探讨了如何在JavaScript中进行跨域调用WebService的问题,并提供了一个具体的实现示例。这个知识点是在Web开发中常见的问题,当前端JavaScript需要与后端进行数据交互...
在本实例中,“ajax跨域调用wcf”是指通过Ajax技术实现对WCF服务的跨域请求。 **什么是Ajax跨域?** 在同源策略限制下,JavaScript通常不能访问不同源(协议、域名或端口不同)的资源。然而,为了实现Web应用的灵活...
今天研究了AJAX使用JSONP进行跨域调用的方法,发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下,方便需要的朋友
因为如果用户的安全设置或浏览器的同源策略过于严格,可能会影响到iframe内容的正常加载和功能的实现。此外,开发者也应当留意HTML5标准中对iframe的新规定,例如关于内容安全策略(CSP)的要求,以及IE10及以上版本...
JQuery跨域获得Json实例知识点如下: 首先,什么是跨域?在Web开发中,跨域问题是因为浏览器的同源策略引起的,当两个网页的协议、端口或域名不同时,浏览器阻止它们进行交互。这就导致了跨域请求的问题。 跨域...
在本文中,我们将深入探讨如何在MV(Model-View-Controller)架构中使用JQuery进行AJAX调用,以及如何处理JSON返回值。这通常在Web应用开发中用于实现无刷新的数据交互,提高用户体验。 首先,让我们理解MVC模式。...
在这个实例中,我们学习了如何配置CORS,设置请求类型、数据类型,以及处理成功的回调和错误回调,这些都是进行Ajax跨域请求的关键步骤。理解并熟练掌握这些知识点对于任何前端开发者来说都是至关重要的。
总结来说,这个压缩包提供的内容可能是关于如何在jQuery中处理WCF跨域调用的实例和指导,帮助开发者克服浏览器同源策略的限制,实现不同域之间的数据交换。通过理解并实践这些知识点,开发者可以更灵活地构建和维护...
#### 三、JQuery跨域请求实现 在JQuery中,主要通过`$.ajax()`方法实现跨域请求。对于JSONP类型的跨域请求,可以直接使用`$.getJSON()`方法。 #### 四、示例代码分析 接下来,我们将对给定的示例代码进行详细的...
本文实例讲述了json跨域调用python的方法。分享给大家供大家参考,具体如下: 客户端: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
本文将深入探讨50个jQuery经典实例,这些实例覆盖了jQuery的多种核心功能,包括DOM操作、事件处理、动画效果、Ajax请求以及插件应用等。** 1. **DOM操作**:jQuery提供了方便的DOM选择器,如`$("#id")`选择ID为`id`...
**JS使用AJAX实例** AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在JavaScript中,我们通常使用`XMLHttpRequest`对象或者jQuery库来实现AJAX请求。 1...