通过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 UI CSS Framework开发Widget的经验
Aug 21 Javascript
用Juery网页选项卡实现代码
Jun 13 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 Javascript
JavaScript中的对象与JSON
Jul 03 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
Nov 02 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
Bootstrap实现下拉菜单多级联动
Nov 23 Javascript
vue两组件间值传递 $router.push实现方法
May 15 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 Javascript
Vue的Options用法说明
Aug 14 Javascript
uniapp开发小程序的经验总结
Apr 08 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/04/11 PHP
WordPress中转义HTML与过滤链接的相关PHP函数使用解析
2015/12/22 PHP
创建无限极分类树型结构的简单方法
2017/06/20 PHP
js 数组操作代码集锦
2009/04/28 Javascript
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
js使用栈来实现10进制转8进制与取除数及余数
2014/06/11 Javascript
详解JavaScript中getFullYear()方法的使用
2015/06/10 Javascript
利用Vue.js实现checkbox的全选反选效果
2017/01/18 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
vue使用keep-alive保持滚动条位置的实现方法
2019/04/09 Javascript
[03:55]显微镜下的DOTA2特别篇——430灰烬之灵神级操作
2014/06/24 DOTA
django rest framework之请求与响应(详解)
2017/11/06 Python
详解Python之unittest单元测试代码
2018/01/24 Python
python查询mysql,返回json的实例
2018/03/26 Python
python爬虫 使用真实浏览器打开网页的两种方法总结
2018/04/21 Python
实例讲解Python爬取网页数据
2018/07/08 Python
python中os包的用法
2020/06/01 Python
python实现AdaBoost算法的示例
2020/10/03 Python
Python GUI之tkinter窗口视窗教程大集合(推荐)
2020/10/20 Python
Python中的面向接口编程示例详解
2021/01/17 Python
CSS3 渐变(Gradients)之CSS3 线性渐变
2016/07/08 HTML / CSS
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
英国高街电视:High Street TV
2018/05/22 全球购物
英国鹦鹉店:Parrot Essentials
2018/12/03 全球购物
瑞典度假品牌:OAS
2019/05/28 全球购物
学习雷锋寄语大全
2014/04/11 职场文书
学校三节实施方案
2014/06/09 职场文书
法学专业大学生实习自我鉴定
2014/10/05 职场文书
个人工作总结范文2014
2014/11/07 职场文书
2014年检验员工作总结
2014/11/19 职场文书
地道战观后感300字
2015/06/04 职场文书
贫民窟的百万富翁观后感
2015/06/09 职场文书
高中语文教学反思范文
2016/02/16 职场文书
SQL Server中使用判断语句(IF ELSE/CASE WHEN )案例
2021/07/07 SQL Server
CSS font-variation 可变字体的魅力(实例详解)
2022/03/03 HTML / CSS
openGauss数据库JDBC环境连接配置的详细过程(Eclipse)
2022/06/01 Java/Android