通过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 触发事件列表 比较不错
Sep 03 Javascript
奉献给JavaScript初学者的编写开发的七个细节
Jan 11 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
Oct 09 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
vue子父组件通信的实现代码
Jul 09 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
Sep 27 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
Dec 20 Javascript
JS实现的邮箱提示补全效果示例
Jan 30 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
Nov 02 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
Feb 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
PHP 中的面向对象编程:通向大型 PHP 工程的办法
2006/12/03 PHP
PHP调用存储过程返回值不一致问题的解决方法分析
2016/04/26 PHP
CheckBox 如何实现全选?
2006/06/23 Javascript
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
Bootstrap精简教程
2015/11/27 Javascript
IE下JS保存图片的简单实例
2016/07/15 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
2016/08/03 Javascript
JavaScript伪数组用法实例分析
2017/12/22 Javascript
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
Vuex,iView UI面包屑导航使用扩展详解
2019/11/04 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
python实现的生成随机迷宫算法核心代码分享(含游戏完整代码)
2014/07/11 Python
解决uWSGI的编码问题详解
2017/03/24 Python
scrapy爬虫完整实例
2018/01/25 Python
python中reader的next用法
2018/07/24 Python
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
Python查找文件中包含中文的行方法
2018/12/19 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
Python如何基于selenium实现自动登录博客园
2019/12/16 Python
Django choices下拉列表绑定实例
2020/03/13 Python
基于python 取余问题(%)详解
2020/06/03 Python
实例讲解CSS3中的box-flex弹性盒属性布局
2016/06/09 HTML / CSS
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
罗兰·穆雷官网:Roland Mouret
2018/09/28 全球购物
化工专业推荐信范文
2013/11/28 职场文书
网络程序员自荐信
2014/01/25 职场文书
总经理岗位职责范本
2014/02/02 职场文书
环境卫生倡议书
2014/08/29 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
早读课迟到检讨书
2014/09/25 职场文书
如何书写你的职业生涯规划书?
2019/06/27 职场文书
OpenCV-Python实现怀旧滤镜与连环画滤镜
2021/06/09 Python
使用ORM新增数据在Mysql中的操作步骤
2021/07/26 MySQL