通过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 相关文章推荐
JavaScript 获取当前时间戳的代码
Aug 05 Javascript
JQuery中extend的用法实例分析
Feb 08 Javascript
JavaScript中的splice()方法使用详解
Jun 09 Javascript
深入理解JavaScript编程中的原型概念
Jun 25 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
详解用vue.js和laravel实现微信授权登陆
Jun 23 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
Sep 26 Javascript
vue实现购物车小案例
Sep 27 Javascript
小程序点击图片实现png转jpg
Oct 22 Javascript
prettier自动格式化去换行的实现代码
Aug 25 Javascript
原生JS实现九宫格抽奖
Sep 13 Javascript
Vue-router编程式导航的两种实现代码
Mar 04 Vue.js
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
php4与php5的区别小结(配置异同)
2011/12/20 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
PHP页面实现定时跳转的方法
2014/10/31 PHP
基于GD2图形库的PHP生成图片缩略图类代码分享
2015/02/08 PHP
Symfony2使用Doctrine进行数据库查询方法实例总结
2016/03/18 PHP
判断页面是关闭还是刷新的js代码
2007/01/28 Javascript
JSON为什么那样红为什么要用json(另有洞天)
2012/12/26 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
2013/07/10 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
js canvas实现简单的图像扩散效果
2020/06/28 Javascript
vuex直接赋值的三种方法总结
2018/09/16 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
解决element-ui的下拉框有值却无法选中的情况
2020/11/07 Javascript
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
flask中的wtforms使用方法
2018/07/21 Python
在Python中,不用while和for循环遍历列表的实例
2019/02/20 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
python实现的生成word文档功能示例
2019/08/23 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
基于梯度爆炸的解决方法:clip gradient
2020/02/04 Python
Python 使用Opencv实现目标检测与识别的示例代码
2020/09/08 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
欧洲顶级体育电子商务网站:SportsShoes.com
2018/03/27 全球购物
便利店的创业计划书
2014/01/15 职场文书
幼儿园中班新学期寄语
2014/01/18 职场文书
小组合作学习反思
2014/02/18 职场文书
大学优秀班主任事迹材料
2014/05/02 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
生产设备维护保养制度
2015/08/06 职场文书
Java实现简单小画板
2022/06/10 Java/Android