通过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 相关文章推荐
有关JavaScript的10个怪癖和秘密分享
Aug 28 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 Javascript
EasyUI实现第二层弹出框的方法
Mar 01 Javascript
javascript实现自动输出文本(打字特效)
Aug 27 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
JS中的数组转变成JSON格式字符串的方法
May 09 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
Mar 08 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
Vue父子传递实例讲解
Feb 14 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
Apr 10 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调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
PHP ADODB实现事务处理功能示例
2018/05/25 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
laravel 实现设置时区的简单方法
2019/10/10 PHP
Thinkphp5.0 框架的请求方式与响应方式分析
2019/10/14 PHP
PHP序列化和反序列化深度剖析实例讲解
2020/12/29 PHP
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
Spring mvc 接收json对象
2015/12/10 Javascript
Bootstrap CSS布局之代码
2016/12/17 Javascript
Vue完整项目构建(进阶篇)
2018/02/10 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
搭建基于express框架运行环境的方法步骤
2018/11/15 Javascript
JS数组去重的6种方法完整实例
2018/12/08 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
2019/03/07 Javascript
微信小程序绘制图片发送朋友圈
2019/07/25 Javascript
手把手教你实现 Promise的使用方法
2020/09/02 Javascript
javascript实现固定侧边栏
2021/02/09 Javascript
[01:16:01]VGJ.S vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
介绍Python中几个常用的类方法
2015/04/08 Python
计算机二级python学习教程(2) python语言基本语法元素
2019/05/16 Python
Python小程序 控制鼠标循环点击代码实例
2019/10/08 Python
python 瀑布线指标编写实例
2020/06/03 Python
Django REST 异常处理详解
2020/07/15 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
NBA欧洲商店(法国):NBA Europe Store FR
2016/10/19 全球购物
英格兰橄榄球商店:England Rugby Store
2016/12/17 全球购物
AMAVII眼镜官网:时尚和设计师太阳镜
2019/05/05 全球购物
高级护理实习生自荐信
2013/09/28 职场文书
幼儿园教师辞职信
2014/01/18 职场文书
大学生简短的自我评价分享
2014/02/20 职场文书
董事长秘书工作总结
2015/08/14 职场文书
大学学生会主席竞选稿
2015/11/19 职场文书
python 实现mysql自动增删分区的方法
2021/04/01 Python
关于JavaScript回调函数的深入理解
2021/06/27 Javascript