通过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 21 Javascript
javascript遍历控件实例详细解析
Jan 10 Javascript
js调试系列 初识控制台
Jun 18 Javascript
jQuery操作表单常用控件方法小结
Mar 23 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
Jan 26 Javascript
vue路由跳转传递参数的方式总结
May 10 Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
Jul 11 Javascript
js在HTML的三种引用方式详解
Aug 29 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
Feb 26 Vue.js
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 curl实现抓取302跳转后页面的示例
2014/07/04 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
php微信公众号开发之微信企业付款给个人
2018/10/04 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
js 日期转换成中文格式的函数
2009/07/07 Javascript
某页码显示的helper 少量调整,另附js版
2010/09/12 Javascript
Jquery ajaxsubmit上传图片实现代码
2010/11/04 Javascript
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
JQuery插件开发示例代码
2013/11/06 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
2014/08/15 Javascript
Jquery实现仿腾讯微博发表广播
2014/11/17 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
微信小程序 页面跳转传递值几种方法详解
2017/01/12 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
python控制台显示时钟的示例
2014/02/24 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
[原创]使用豆瓣提供的国内pypi源
2017/07/02 Python
python:print格式化输出到文件的实例
2018/05/14 Python
Python过滤txt文件内重复内容的方法
2018/10/21 Python
pygame游戏之旅 添加游戏暂停功能
2018/11/21 Python
Python中psutil的介绍与用法
2019/05/02 Python
django 使用 PIL 压缩图片的例子
2019/08/16 Python
python线程的几种创建方式详解
2019/08/29 Python
django中的图片验证码功能
2019/09/18 Python
零基础小白多久能学会python
2020/06/22 Python
解决pyinstaller 打包exe文件太大,用pipenv 缩小exe的问题
2020/07/13 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
护理专业学生职业生涯规划范文
2014/03/11 职场文书
师德师风自查材料
2014/10/14 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
钳工实训报告总结
2014/11/04 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书