通过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 相关文章推荐
Extjs中常用表单介绍与应用
Jun 07 Javascript
js获取指定日期前后的日期代码
Aug 20 Javascript
JQuery表单验证插件EasyValidator用法分析
Nov 15 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
Dec 22 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
Dec 04 Javascript
jquery.onoff实现简单的开关按钮功能(推荐)
May 24 jQuery
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
vue中v-text / v-html使用实例代码详解
Apr 02 Javascript
Node登录权限验证token验证实现的方法示例
May 25 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
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
php实现替换手机号中间数字为*号及隐藏IP最后几位的方法
2016/11/16 PHP
CI框架表单验证实例详解
2016/11/21 PHP
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
使用javascript过滤html的字符串(注释标记法)
2013/07/08 Javascript
jQuery中RadioButtonList的功能及用法实例介绍
2013/08/23 Javascript
jQuery中校验时间格式的正则表达式小结
2013/09/22 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
2017/02/19 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
AngularJs导出数据到Excel的示例代码
2017/08/11 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
超轻量级的js时间库miment使用解析
2019/08/02 Javascript
微信小程序 checkbox使用实例解析
2019/09/09 Javascript
vue把输入框的内容添加到页面的实例讲解
2019/11/11 Javascript
JS实现贪吃蛇游戏
2019/11/15 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
vue el-tree 默认展开第一个节点的实现代码
2020/05/15 Javascript
JavaScript实现移动端弹窗后禁止滚动
2020/05/25 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
Python3实现连接SQLite数据库的方法
2014/08/23 Python
在Python中使用SQLite的简单教程
2015/04/29 Python
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
Python使用functools实现注解同步方法
2018/02/06 Python
Win10下python 2.7.13 安装配置方法图文教程
2018/09/18 Python
使用PM2+nginx部署python项目的方法示例
2018/11/07 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
HTML5 Canvas实现烟花绽放特效
2016/03/02 HTML / CSS
小学科学教学反思
2014/01/26 职场文书
共产党员公开承诺践诺书
2014/05/28 职场文书
整改报告格式
2014/11/06 职场文书
教师个人年度总结
2015/02/11 职场文书
表扬信范文
2015/05/04 职场文书
迁徙的鸟观后感
2015/06/09 职场文书
创业计划书之家教中心
2019/09/25 职场文书