jQuery Ajax 简单的实现跨域请求
2016-01-26 20:33
836 查看
html 代码清单:
[html]
view plain
copy
<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]
view plain
copy
<?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).")";
效果图:
[html]
view plain
copy
<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]
view plain
copy
<?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第一章
- jquery与其他js冲突
- discuz教程:discuz模板js与jQuery冲突的解决方案
- jQuery.each()函数(译)
- 用jquery.icheck.js插件美化复选框
- 动态显示jQuery.validator 的验证信息
- jQuery实例之实现对表格内容的操作
- jQuery EasyUi实战教程之布局篇
- 【看完想不会都难的系列教程】- (3) JQuery+JQueryUI+Jsplumb 实现拖拽模块,流程图风格 - 技术弟弟 - 博客园
- jQuery Easyui实现左右布局
- 【看完想不会都难的系列教程】- (3) JQuery+JQueryUI+Jsplumb 实现拖拽模块,流程图风格 - 技术弟弟 - 博客园
- jQuery获取的checkbox的属性checked为undefined
- jQuery Mobile动态刷新页面样式
- jQuery练习(二)
- jQuery 微信 weui 访问地址
- jQuery选择器中的包含关系
- jQuery:获取浏览器中的分辨率
- Jquery 笔记(十一)
- Jquery 笔记(十一)
- Jquery 笔记(十一)