jQuery Ajax 简单的实现跨域请求
2015-11-18 17:00
651 查看
html 代码清单:
服务端 validate.php 代码清单:
效果图:
<script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $.ajax( { type:'get', url : 'http://www.youxiaju.com/validate.php?loginuser=lee&loginpass=123456', dataType : 'jsonp', jsonp:"jsoncallback", success : function(data) { alert("用户名:"+ data.user +" 密码:"+ data.pass); }, error : function() { alert('fail'); } } ); }) </script>
服务端 validate.php 代码清单:
<?php header('Content-Type:text/html;Charset=utf-8'); $arr = array( "user" => $_GET['loginuser'], "pass" => $_GET['loginpass'], "name" => 'response' ); echo $_GET['jsoncallback'] . "(".json_encode($arr).")"; ?>
效果图:
相关文章推荐
- jquery datatable.js学习笔记
- 二级菜单(avalon+jquery动画)
- 一个简单的dropdown(CSS+jquery)
- jQuery选择器和事件
- jquery.validate.min.js 用法方法示例
- jquery 使用方法(二)
- 开发源程序框架(Html+JQuery+EasyUI +Ajax+ashx+ado.net)
- jquery中attr和prop的区别
- JQuery按照form下载文件+后台asp.net,非ajax(下)
- jQuery中的wrap()方法
- jquery中的prop与attr区别
- jquery 去除字符串前后空格
- 改进网站设计的免费jQuery插件Top 7
- jQuery遍历json
- jQuery中的.bind()、.live()和.delegate()之间区别分析
- jquery table 操作
- 十五个常用的jquery代码段
- jQuery简介及语法
- JQuery开发之旅起步准备
- jquery的text()、html() 以及 val()