通过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 相关文章推荐
静态的动态续篇之来点XML
Aug 15 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
JS中FRAME的操作问题实例分析
Oct 21 Javascript
JQuery替换DOM节点的方法
Jun 11 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
如何判断Javascript对象是否存在的简单实例
May 18 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
ajaxfileupload.js实现上传文件功能
Apr 19 Javascript
js实现打字小游戏
Dec 17 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
一个经典实用的PHP图像处理类分享
2014/11/18 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
PHP7新特性之抽象语法树(AST)带来的变化详解
2018/07/17 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
js的with语句使用方法
2007/09/21 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
2013/11/30 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
简介JavaScript中的setHours()方法的使用
2015/06/11 Javascript
使用AngularJS处理单选框和复选框的简单方法
2015/06/19 Javascript
js调用webservice构造SOAP进行身份验证
2016/04/27 Javascript
js removeChild 方法深入理解
2016/08/16 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
NodeJS简单实现WebSocket功能示例
2018/02/10 NodeJs
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
JavaScript 实现下雪特效的示例代码
2020/09/09 Javascript
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
Linux CentOS7下安装python3 的方法
2018/01/21 Python
Python获取昨天、今天、明天开始、结束时间戳的方法
2018/06/01 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
如何验证python安装成功
2020/07/06 Python
在Python中实现字典反转案例
2020/12/05 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
Python 调用C++封装的进一步探索交流
2021/03/04 Python
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
英国电视和家用电器购物网站:rlrdistribution.co.uk
2018/11/20 全球购物
什么是设计模式
2012/06/17 面试题
yy司仪主持词
2014/03/22 职场文书
电子商务系毕业生自荐信
2014/05/29 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书