通过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 相关文章推荐
一个多次搜索+多次传值的解决方案
Jan 20 Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
jquery单行文字向上滚动效果的实现代码
Sep 05 Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
Oct 30 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
vue如何使用 Slot 分发内容实例详解
Sep 05 Javascript
vue购物车插件编写代码
Nov 27 Javascript
微信公众平台获取access_token的方法步骤
Mar 29 Javascript
一文快速详解前端框架 Vue 最强大的功能
May 21 Javascript
解决一个微信号同时支持多个环境网页授权问题
Aug 07 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
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
日常收藏的jquery技巧
2015/12/02 Javascript
jQuery qrcode生成二维码的方法
2016/04/03 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
微信小程序开发一键登录 获取session_key和openid实例
2016/11/23 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
2017/08/04 jQuery
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
浅谈vue限制文本框输入数字的正确姿势
2019/09/02 Javascript
浅谈layer弹出层按钮颜色修改方法
2019/09/11 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
vue中实现回车键登录功能
2020/02/19 Javascript
vue prop传值类型检验方式
2020/07/30 Javascript
在Python的Django框架中实现Hacker News的一些功能
2015/04/17 Python
python读取excel表格生成erlang数据
2017/08/26 Python
AI人工智能 Python实现人机对话
2017/11/13 Python
windows下python安装小白入门教程
2018/09/18 Python
python模糊图片过滤的方法
2018/12/14 Python
Python函数和模块的使用总结
2019/05/20 Python
python requests使用socks5的例子
2019/07/25 Python
python 实现屏幕录制示例
2019/12/23 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
python将unicode和str互相转化的实现
2020/05/11 Python
Django启动时找不到mysqlclient问题解决方案
2020/11/11 Python
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
澳大利亚礼品篮网站:Macarthur Baskets
2019/10/14 全球购物
灰雀教学反思
2014/04/28 职场文书
伊索寓言教学反思
2014/05/01 职场文书
学校督导评估方案
2014/06/10 职场文书
个人工作总结范文2014
2014/11/07 职场文书
第一书记观后感
2015/06/08 职场文书