通过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常用且重要方法汇总
Jul 13 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
Aug 13 Javascript
JavaScript实现向右伸出的多级网页菜单效果
Aug 25 Javascript
动态更新highcharts数据的实现方法
May 28 Javascript
JavaScript浏览器对象之一Window对象详解
Jun 03 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
Aug 19 Javascript
Bootstrap基本组件学习笔记之导航(10)
Dec 07 Javascript
分享一道关于闭包、bind和this的面试题
Feb 20 Javascript
vue综合组件间的通信详解
Nov 06 Javascript
vue-cli项目配置多环境的详细操作过程
Oct 30 Javascript
微信小程序签到功能
Oct 31 Javascript
js时间转换毫秒的实例代码
Aug 21 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/01/24 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十四)
2014/06/26 PHP
浅析php单例模式
2014/11/25 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
解决Laravel5.x的php artisan migrate数据库迁移创建操作报错SQLSTATE[42000]
2020/04/06 PHP
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
jQuery实现动画效果circle实例
2015/08/06 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
switch语句的妙用(必看篇)
2016/10/03 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
详解Angular2中Input和Output用法及示例
2017/05/21 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
Nodejs实现爬虫抓取数据实例解析
2018/07/05 NodeJs
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
2019/12/29 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
python数据结构之二叉树的统计与转换实例
2014/04/29 Python
Python模拟登陆实现代码
2017/06/14 Python
解决出现Incorrect integer value: '' for column 'id' at row 1的问题
2017/10/29 Python
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
Saucony澳大利亚官网:美国跑鞋品牌,运动鞋中的劳斯莱斯
2018/05/05 全球购物
Vita Fede官网:在意大利手工制作,在纽约市设计
2019/10/25 全球购物
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
Java程序员综合测试题
2014/04/25 面试题
物业公司采购员岗位职责
2013/12/31 职场文书
师范毕业生自我鉴定
2014/01/15 职场文书
教师个人鉴定材料
2014/02/08 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
初中家长评语大全
2014/12/26 职场文书
2015毕业生实习期工作总结
2015/04/09 职场文书