通过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 相关文章推荐
js图片轮播手动切换效果
Nov 10 Javascript
详解Node.js模块间共享数据库连接的方法
May 24 Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 Javascript
JAVA中截取字符串substring用法详解
Apr 14 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
js 只比较时间大小的实例
Oct 26 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
Vue三层嵌套路由的示例代码
May 05 Javascript
jquery实现动态添加附件功能
Oct 23 jQuery
微信小程序实现左侧滑栏过程解析
Aug 26 Javascript
解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目
Feb 09 Javascript
Vue实现Header渐隐渐现效果的实例代码
Nov 05 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
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
PHP+JQUERY操作JSON实例
2017/03/23 PHP
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
javascript运行机制之this详细介绍
2014/02/07 Javascript
js中settimeout方法加参数的使用实例
2014/02/27 Javascript
javascript实现图片自动和可控的轮播切换特效
2015/04/13 Javascript
jquery实现点击展开列表同时隐藏其他列表
2015/08/10 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
使用Vue构建可重用的分页组件
2018/03/26 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
2019/03/29 Javascript
python调用java的Webservice示例
2014/03/10 Python
python中的字典使用分享
2016/07/31 Python
python 自定义异常和异常捕捉的方法
2018/10/18 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
利用Python+阿里云实现DDNS动态域名解析的方法
2019/04/01 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
利用SVG和CSS3来实现一个炫酷的边框动画
2015/07/22 HTML / CSS
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
Under Armour美国官网:美国知名高端功能性运动品牌
2016/09/05 全球购物
药店主任岗位责任制
2014/02/10 职场文书
给校长的建议书
2014/03/12 职场文书
创先争优个人承诺书
2014/08/30 职场文书
2014年党员干部四风问题自我剖析材料
2014/09/29 职场文书
文体活动总结
2015/02/04 职场文书
党员干部廉政承诺书
2015/04/28 职场文书
学校运动会通讯稿
2015/07/18 职场文书
600字作文之感受大自然
2019/11/27 职场文书
Golang 正则匹配效率详解
2021/04/25 Golang