js 接口的创建及访问

使用php创建接口

<?php
	include"public.php";//public.php里面对数据mysql语句的存放
	/*header("content-type:text/html;charset=utf-8");//识别中文
	$conn = mysql_connect( "localhost","reet","reet" );//链接数据库
	mysql_select_db( "db1824" , $conn );//访问数据表
	mysql_query( "set names utf8" );*/
	
	//接口的登录和注册功能
	$status = $_GET["status"];
	$email = $_GET["email"];
	$pwd = $_GET["pwd"];
	
	if($status == "login"){//登录功能
		$sql = "select*from users where email = '$email'";//查询数据库
		$res = mysql_query($sql);//查询结果返回
		$arr = $mysql_fetch_array($res);//返回一个数组
		if($arr){
			if($pwd == $arr["pwd"]){
				echo 1;//登录成功
			}else{
				echo 0 ;//密码错误
			}
		}else{
			echo 2;//用户名不存在
		}
		
	}else if($status == "register"){//注册功能
		$sql = "insert into users(email,pwd) values('$email','$pwd')";//插入或添加
		$row = mysql_query($sql);//添加操作返回的是一个行
		if($row){
			echo 1;//注册成功
		}else{
			echo 0;//注册失败
		}
	}
	
	
	/*接口的测试需要有如下信息：
	
	url   http://10.9.47.180/ajax1824/jiekou.php
	参数:
	status  (login 登录      registr注册  登录和注册的参数都是一样)
	email 邮箱
	pwd 密码
	
	返回值部分
	登录功能：
	1 表示登录成功
	0 表示密码错误
	2 表示用户名不存在
	
	注册功能：
	1 注册成功
	0 注册失败
	
	拿到接口第一步是把url 贴到浏览器 上开始进行测试：
	登录功能测试     http://10.9.47.180/ajax1001/jiekou.php？status = login & email = 1234567@qq.com & pwd = 123456
	登录功能在回车时返回值是 1，代表登录成功；
	
	注册功能测试     http://10.9.47.180/ajax1001/jiekou.php？status = register & email = 1234567@qq.com & pwd = 123456
	注册功能在回车时返回值是 1，代表注册成功；
	*/
	
?>

接口的访问

		//html部分
		email:  <input type="text" id="email" /><br>
		password: <input type="text" id="pwd" /><br>
		<input type="button" value="注册" id="btn"/>
		


		//js脚本部分
		<script type="text/javascript">
	
	//接口的访问   用代码的实现
	//注册部分  获取注册url，email和pwd的值
	var emailStr = email.value;
	var pwdStr = pwd.value;
	
	//注意：url涉及跨域的问题把原先的 http://10.9.47.180/ajax1001/jiekou.php路劲改为和浏览器当前窗口一直的路径
	//改为http://127.0.0.1/ajax1001/jiekou.php
	var oUrl = "http://127.0.0.1/ajax1001/jiekou.php";
	var data = `?status=register&email=${emailStr}&pwd=${pwdStr}`;
	//访问登录的话把register改为login即可
	
	//ajax 请求第一步
	var ajax = null;
	if(XMLHttpRequest){
		ajax = new XMLHttpRequest();
	}else{
		ajax = new ActiveXObject("Microsoft.XMLHTTP");
	}
	//第二步 建立和服务器的连接
	ajax.open("GET",oUrl+data);
	//第三步 发送请求
	ajax.send();
	//第四步 服务器处理请求并返回结果
	ajax.onreadystatechange = function(){
		if(ajax.readyState == 4 && ajax.status == 200){
			var res = ajax.responseText;
			if(res == 1){//1 就是在注册接口里面代表成功，接口返回值由ajax.responseText返回
				alert("注册成功");
			}else{//res == 0
				alert("注册失败");
			}
		}
	}
	
	//如果是访问登录界面的话 将改以下操作
	/*var res = ajax.responseText;
			if(res == 1){//1 就是在登录接口里面代表成功，接口返回值由ajax.responseText返回
				alert("登录成功");
			}else if(res == 0){
				alert("登录失败");
			}else{//res == 2 
				alert("密码错误");
			}*/
</script>