通过jquery的$.getJSON自己做一个跨域ajax请求试验
jquery提供了$.getJSON的方法,让我们可以实现跨域ajax请求,但jqueryAPI上的内容实在太少,如何用$.getJSON,请求网站应该返回怎样的数据库才能让$.getJSON获取到,下面我就用一个实际例子来说明下。(主要是留个备用,怕以后再用到自己却忘记了,所以没有太多的解释,实在看不明白的话,照着我的代码,你也试一个吧)
我后端是用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,也能学到如何做一个接口让别人跨域请求。
如果有疑问,可以在下面提出来,如果我哪里写错了,也请帮我指出来。
新博客地址
hooray.github.io
hooray.github.io
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· .NET 8.0 + Linux 香橙派,实现高效的 IoT 数据采集与控制解决方案
· .NET中 泛型 + 依赖注入 的实现与应用