zoukankan      html  css  js  c++  java
  • 通过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,也能学到如何做一个接口让别人跨域请求。

      如果有疑问,可以在下面提出来,如果我哪里写错了,也请帮我指出来。

  • 相关阅读:
    devstack安装openstack
    Stacks of Flapjacks
    二、Reids基础命令--字符串
    数据库筛选用户,然后去掉一部分(列表求差),再随机返回一个用户。sqlalchemy + python集合(set) + random
    利用Powershell获取公司内部机器的资源信息,作为企业兴许资产管理的基本途径!
    《编程导论(Java)·3.2.4 循环语句》
    Android自己主动检測版本号及自己主动升级
    基于bootstrap的富文本框——wangEditor【欢迎增加开发】
    找球号(三)
    #308 (div.2) B. Vanya and Books
  • 原文地址:https://www.cnblogs.com/hooray/p/2035074.html
Copyright © 2011-2022 走看看