现在真正的实现跨域交互还没有一个很好的方法,几天给大家推荐一下方法 $.getJSON(url, [data], [fn])
这是一个jquery的一个方法,来介绍一下这个方法的参数:
url:发送请求地址。
data:待发送 Key/value 参数。
fn:载入成功时回调函数。
在 jQuery 1.2 中,您可以通过使用JSONP 形式的回调函数来加载其他网域的JSON数据,如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 注意:此行以后的代码将在这个回调函数执行前执行。
这个方法,可以很好和远程做一些交互工作,兼容性也很好,今天我给大家带来一个php的实力
请输入:张三 或者张丽来查看性别
哈哈,看到效果了吧,远程地址是:http://www.ys005.com/gy.php 来看一下源码吧
05 |
if (!empty($_GET[ 'name' ])){ |
06 |
if ($_GET[ 'name' ] === '张三' ){ |
07 |
echo $hs, "({\"xb\":\"你的性别是:$nan\"})" ; |
08 |
} else if ($_GET[ 'name' ] === '张丽' ){ |
09 |
echo $hs, "({\"xb\":\"你的性别是:$n\"})" ; |
11 |
echo $hs, "({\"xb\":\"你输入的姓名没有录入系统\"})" ; |
14 |
echo $hs, "({\"xb\":\"你没有输入内容\"})" ; |
再来看一下本地html的源码!
01 |
<script type= "text/javascript" src= "jquery-1.5.2.min.js" ></script> |
04 |
<input type= "text" class = "name" name= "name" /> |
05 |
<input type= "button" onclick= "javascript:cs()" value= "查看" /> |
07 |
<script type= "text/javascript" > |
09 |
var namen=$( ".name" ).attr( "value" ) |
是不是很简单呢,大家快动手研究一下吧,这是一个很简单的例子
建议继续学习:
- 优雅绝妙的Javascript跨域问题解决方案 (阅读:6742)
- jQuery中getJSON跨域原理详解 (阅读:5620)
- 跨域请求的iframe解决方案(1) (阅读:5392)
- ajax-cross-domain (阅读:4988)
- 利用跨域资源共享(CORS)实现ajax跨域调用 (阅读:4149)
- 研究ext发现ajax跨域实现 (阅读:3743)
- 三谈Iframe自适应高度 (阅读:3637)
- 使用window.postMessage实现跨域通信 (阅读:3398)
- 使用document.domain和iframe实现站内AJAX跨域 (阅读:3313)
- 跨域请求的iframe解决方案(2) (阅读:3145)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习