jQuery Ajax 简单的实现跨域请求
2014-06-24 19:16
211 查看
html 代码清单:
服务端 validate.php 代码清单:
效果图:
<script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $.ajax( { type:'get', url : 'http://www.sendnet.cn/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 Ajax 简单的实现跨域请求
- jQuery Ajax 简单的实现跨域请求
- jQuery Ajax 简单的实现跨域请求
- jQuery Ajax 简单的实现跨域请求
- jQuery Ajax 简单的实现跨域请求
- jQuery Ajax 简单的实现跨域请求
- jQuery ajax jsonp实现跨域请求
- 用express实现CORS跨域(上-简单请求)
- 利用JQuery实现更简单的Ajax跨域请求
- 简单的实现Ajax跨域请求
- 利用jQuery实现更简单的Ajax跨域请求
- 【JSONP】通过nodejs做服务器简单模拟实现跨域请求
- 利用jQuery实现更简单的Ajax跨域请求
- 利用JQuery实现更简单的Ajax跨域请求
- jquery ajax GET POST 跨域请求实现
- Jquery Ajax客户端跨域请求 以及服务端Python代码实现
- Jquery ajax实现跨域请求之json与jsonp本质区别
- 用jQuery AJAX发出JSONP请求实现跨域获取数据
- 利用JQuery实现更简单的Ajax跨域请求
- 一起谈.NET技术,用Dojo实现Ajax请求:XHR、跨域、及其他