通过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中的事件
Sep 23 Javascript
EditPlus注册码生成器(js代码实现)
Mar 25 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
Nov 28 Javascript
js自定义鼠标右键的实现原理及源码
Jun 23 Javascript
jQuery事件绑定和委托实例
Nov 25 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
JavaScript类的写法
Sep 17 Javascript
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
js实现鼠标切换图片(无定时器)
Jan 27 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 pdo操作数据库示例
2017/03/10 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
7个Javascript地图脚本整理
2009/10/20 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
javascript实现Table排序的方法
2015/05/15 Javascript
js实现表单多按钮提交action的处理方法
2015/10/24 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
ES6新特性五:Set与Map的数据结构实例分析
2017/04/21 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
如何用原生js写一个弹窗消息提醒插件
2019/05/24 Javascript
Vue之Mixins(混入)的使用方法
2019/09/24 Javascript
vue 实现input表单元素的disabled示例
2019/10/28 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
vue接口请求加密实例
2020/08/11 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
Pycharm 设置自定义背景颜色的图文教程
2018/05/23 Python
推荐10款最受Python开发者欢迎的Python IDE
2018/09/16 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
python实现读取类别频数数据画水平条形图案例
2020/04/24 Python
jenkins+python自动化测试持续集成教程
2020/05/12 Python
python如何删除列为空的行
2020/07/17 Python
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
实习单位推荐信范文
2013/11/27 职场文书
城建学院毕业生自荐信
2014/01/31 职场文书
《三亚落日》教学反思
2014/04/26 职场文书
C++程序员求职信
2014/05/07 职场文书
房展策划方案
2014/06/07 职场文书
个人四风问题整改措施
2014/10/24 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
幽默导游词开场白
2015/05/29 职场文书
2015小学音乐教师个人工作总结
2015/07/21 职场文书
前端JavaScript大管家 package.json
2021/11/02 Javascript