通过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 相关文章推荐
jquery的ajax()函数传值中文乱码解决方法介绍
Nov 08 Javascript
javascript-简单的计算器实现步骤分解(附图)
May 30 Javascript
div模拟选择框示例代码
Nov 03 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
jquery解析xml字符串示例分享
Mar 25 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
Mar 08 Javascript
各式各样的导航条效果css3结合jquery代码实现
Sep 17 Javascript
详解Vue中状态管理Vuex
May 11 Javascript
Avalonjs双向数据绑定与监听的实例代码
Jun 23 Javascript
iview日期控件,双向绑定日期格式的方法
Mar 15 Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
Vue cli构建及项目打包以及出现的问题解决
Aug 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
zf框架的数据库追踪器使用示例
2014/03/13 PHP
PHP zip扩展Linux下安装过程分享
2014/05/05 PHP
PHP基于MySQL数据库实现对象持久层的方法
2015/06/17 PHP
JS中Iframe之间传值的方法
2013/03/11 Javascript
jQuery实现的动态伸缩导航菜单实例
2015/05/07 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
基于匀速运动的实例讲解(侧边栏,淡入淡出)
2017/10/17 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
JS使用数组实现的队列功能示例
2019/03/04 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
使用vue实现通过变量动态拼接url
2020/07/22 Javascript
[02:40]DOTA2英雄基础教程 炼金术士
2013/12/23 DOTA
Python学习笔记_数据排序方法
2014/05/22 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
不管你的Python报什么错,用这个模块就能正常运行
2018/09/14 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
python实现批量注册网站用户的示例
2019/02/22 Python
django之自定义软删除Model的方法
2019/08/14 Python
Python GUI编程学习笔记之tkinter中messagebox、filedialog控件用法详解
2020/03/30 Python
Scrapy-Redis之RedisSpider与RedisCrawlSpider详解
2020/11/18 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
用css3制作纸张效果(外翻卷角)
2013/02/01 HTML / CSS
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
德国电子商城:ComputerUniverse
2017/04/21 全球购物
如何理解委托
2012/01/06 面试题
学生会个人自荐书范文
2014/02/12 职场文书
小学生秋游活动方案
2014/02/23 职场文书
旅游市场营销方案
2014/03/09 职场文书
2014年社区妇联工作总结
2014/12/02 职场文书
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers