ajax实现异步查询

最新推荐文章于 2022-05-04 20:48:56 发布

weixin_34195546

最新推荐文章于 2022-05-04 20:48:56 发布

阅读量242

点赞数

原文链接：https://my.oschina.net/arin/blog/857413

版权

为什么80%的码农都做不了架构师？>>>

index.php

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>开发</title>
</head>
<body>
	<input type="text" id='input' placeholder='请输入会员号'>&nbsp;<button id='search'>读取会员</button>
	<p id='output'></p>
</body>

<!-- 用jq实现Ajax前需要引入的js库，这里引用的事百度静态资源库的js文件 -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
	$(document).ready(function(){
		$('#search').click(function(){
			// var n = $("#input").val();
			// $("#output").html(n);
			$.ajax({
				type:"GET",
				url:"admin.php?number="+$("#input").val(),
				dataType:"json",
				success:function(data){
					// data = JSON.stringify(data);
					if(data.success){
                        $("#output").html(data.msg);
					}else{
						$("#output").html(data.msg);
					}
				},
				error:function(jqXHR){
					alert(""+jqXHR.status);
				}
			});
		});
	});
</script>

</html>

admin.php

<?php 
header("Content-type:application/json;charset=utf8");
$staff = array(
	array('name'=>'李先生','number'=>'123'),
	array('name'=>'林先生','number'=>'111'),
	);

if( $_SERVER['REQUEST_METHOD'] == 'GET' ){
	search();
}

/*$_GET['number'] = 111;
search();
*/
function search(){
	if( !isset($_GET['number']) || empty($_GET['number']) ){
		echo '{"success":false,"msg":"参数错误"}';
		return;
	}

	global $staff;
	$number = $_GET['number'];
	$result = '{"success":false,"msg":"会员账号不存在"}';
    
    foreach( $staff as $value ){
    	if( $value['number'] == $number ){
    		$result = '{"success":true,"msg":"'.$value["name"]."   ".$value["number"].'"}';
    		// $result = '{"success":true,"msg":$value["name"]."   ".$value["number"]}';
    		break;
    	}
    }
    echo $result;
}


 ?>

转载于:https://my.oschina.net/arin/blog/857413