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跨域调用和非跨域调用问题。分享给大家供大家参考,具体如下: 现在的互联网技术发展的越来越快,我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行...
今天研究了AJAX使用JSONP进行跨域调用的方法,发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下,方便需要的朋友
本文实例讲述了json跨域调用python的方法。分享给大家供大家参考,具体如下: 客户端: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
ajax跨域请求的问题,JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式,接下来为大家详细介绍下客户端JQuery.ajax的调用代码
本文实例讲述了jQuery实现ajax调用WCF服务的方法。分享给大家供大家参考,具体如下: 关于AJAX调用WCF服务分为跨域和不跨域两种方式,今天咱们先介绍下不跨域下的调用方法。DEMO是在VS2008写的. 经过测试与研究,...
基于jquery的跨域调用文件 ================================= 7款强大的Javascript网格插件 Javascript 汉字编码转换 Javascript 面向对象之封装 Javascript 面向对象之构造函数的继承 Javascript 面向对象之非...
JSONP跨域请求jQuery方式 JSONP跨域请求本质 XSS过滤以及单例模式 博客系统表结构讲解 博客系统功能讲解 CMDB介绍 CMDB实现的三种方式 CMDB Agent客户端示例 第26周 今日内容概要以及CMDB介绍 前端插件定制之表头 ...
使用此插件传输的数据对象是多样化的,可传输除了DOM元素之外的任何JavaScript支持的数据类型,一次传输的数据总量最大可达40kb,相对于其它Javascript跨域相互调用的方法,有着支持数据类型多、可传输数据量大的...
很庆幸,我又见到了末日后新升的太阳,所以我还能在这里写文章,言归正传哈,最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,...
06 jquery以及jquery对象介绍 07 jquery选择器 08 jquery的查找筛选器 09 jquery练习之左侧菜单 第44章 01 jquery属性操作之html,text,val方法 02 jquery循环方法和attr,prop方法 03 jquery模态对话框与clone的...