通过jquery的$.getJSON做一个跨域ajax请求试验


Posted in Javascript onMay 03, 2011

(主要是留个备用,怕以后再用到自己却忘记了,所以没有太多的解释,实在看不明白的话,照着我的代码,你也试一个吧)
我后端是用php的,以下代码主要实现的一个功能就是提供一个预约登记的接口,需要传入的数据分别有:用户姓名、联系电话和地址
/*预约登记 执行 接口*/

/*预约登记 执行 接口*/ 
case "yuyue_interface": 
$name = trim($_GET['name']); 
$phone = trim($_GET['phone']); 
$addr = trim($_GET['addr']); 
$dt = date("Y-m-d H:i:s"); 
$cb = $_GET['callback']; 
if($name == "" || $name == NULL){ 
echo $cb."({code:".json_encode(1)."})"; 
}elseif($phone == "" || $phone == NULL){ 
echo $cb."({code:".json_encode(2)."})"; 
}elseif($addr == "" || $addr == NULL){ 
echo $cb."({code:".json_encode(3)."})"; 
}else{ 
$db->execute("insert into tb_yuyue (realname,telphone,danwei,dt,ischeck) values ('$name','$phone','$addr','$dt',0)"); 
echo $cb."({code:".json_encode(0)."})"; 
} 
exit; 
break;

接着就是前端的处理了
$(document).ready(function(){ 
//以下3个为预约登记需要的参数 
var name = "name"; //varchar类型,长度最多为8位(4个汉字) 
var phone = "phone"; //varchar类型,长度为11位 
var addr = "addr"; //varchar类型,长度最多为500位(250个汉字) 
$.getJSON("http://请求网站地址/data.php?ac=yuyue_interface&name="+name+"&phone="+phone+"&addr="+addr+"&callback=?", function(data){ 
if(data.code==1){ 
//自定义代码 
alert("姓名不能为空"); 
}else if(data.code==2){ 
//自定义代码 
alert("手机不能为空"); 
}else if(data.code==3){ 
//自定义代码 
alert("所在单位不能为空"); 
}else{ 
//自定义代码 
alert("预约成功"); 
} 
}); 
});

需要注意的是,在后端php代码里,必须把传递进来的“ &callback=? ”也输出来,如:
$cb = $_GET['callback']; 
echo $cb."({code:".json_encode(4)."})";

以上就是一个简单的$.getJSON试验,通过这个试验,我们可以学到如何用$.getJSON,也能学到如何做一个接口让别人跨域请求。

如果有疑问,可以在下面提出来,如果我哪里写错了,也请帮我指出来。

Javascript 相关文章推荐
含有CKEditor的表单如何提交
Jan 09 Javascript
jquery.validate.js插件使用经验记录
Jul 02 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
Apr 12 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
JS中数组重排序方法
Nov 11 Javascript
jQuery实现简单弹窗遮罩效果
Feb 27 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
react 中父组件与子组件双向绑定问题
May 20 Javascript
微信小程序自定义顶部组件customHeader的示例代码
Jun 03 Javascript
Jquery 绑定时间实现代码
May 03 #Javascript
jqgrid 简单学习笔记
May 03 #Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 #Javascript
jQuery之网页换肤实现代码
Apr 30 #Javascript
HTML5附件拖拽上传drop & google.gears实现代码
Apr 28 #Javascript
很棒的学习jQuery的12个网站推荐
Apr 28 #Javascript
推荐20家国外的脚本下载网站
Apr 28 #Javascript
You might like
CodeIgniter基本配置详细介绍
2013/11/12 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
将HTML自动转为JS代码
2006/06/26 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
Javascript的各种节点操作实例演示代码
2012/06/27 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
2014/02/04 Javascript
jQuery使用$.ajax进行即时验证实例详解
2015/12/11 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
2016/05/12 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
基于zepto.js实现手机相册功能
2017/07/11 Javascript
关于Vue单页面骨架屏实践记录
2017/12/13 Javascript
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
2019/01/18 jQuery
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
Vue项目路由刷新的实现代码
2019/04/17 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
[47:04]LGD vs infamous Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
Python 字典与字符串的互转实例
2017/01/13 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
儿童python练习实例
2018/05/27 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
中学教师请假制度
2014/02/03 职场文书
企业管理毕业生求职信范文
2014/03/07 职场文书
影视广告专业求职信
2014/09/02 职场文书
改作风抓落实促发展心得体会
2014/09/10 职场文书
关于安全的广播稿
2014/10/23 职场文书
重阳节简报
2015/07/20 职场文书
2020年元旦祝福语录,总有适合你的
2019/12/31 职场文书
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server
一文搞懂Golang 时间和日期相关函数
2021/12/06 Golang
Python实现批量将文件复制到新的目录中再修改名称
2022/04/12 Python
ECharts transform数据转换和dataZoom在项目中使用
2022/12/24 Javascript