jquery ajax查询获取数据 案例
jqueryajax是前端开发中非常常用的技术之一。它可以通过异步请求向服务器发送请求并获取数据,而无需刷新整个页面。本文将介绍一个jquery ajax查询获取数据的常见案例。
首先,我们需要在页面中引入jquery库。可以使用CDN或直接下载到本地。
接下来,我们先创建一个html页面,添加一个按钮和一个div用于显示查询结果。
java实现小游戏 <button id='searchBtn'>查询</button>
<div id='result'></div>
然后,我们需要编写jquery ajax请求的代码。在按钮点击事件中,我们向服务器发送请求,通过回调函数成功获取数据并将其显示在页面上。
$('#searchBtn').click(function(){
$.ajax({
计算机补码原码转换
url: 'server.php',//服务器地址
type: 'get',
data: {keyword: $('#keyword').val()},//要查询的关键字
dataType: 'json',//返回数据格式jquery下载文件请求
success: function(data){
mariadb是哪个国家的 var html = '';
for(var i=0;i<data.length;i++){
html += '<p>姓名:'+data[i].name+',年龄:'+data[i].age+'</p>';
}
$('#result').html(html);
},
error: function(){
alert('请求失败!');
}
web开发工具 });
});
在服务器端,我们可以使用PHP语言来处理请求并返回数据。例如,我们可以根据关键字查询数据库中的用户信息,并将结果以JSON格式返回给客户端。
<?php
html修改密码页面代码 $keyword = $_GET['keyword'];
$conn = mysqli_connect('localhost','root','','test') or die('连接失败!');
mysqli_query($conn,'set names utf8');
$sql = 'select * from user where name like '%$keyword%'';
$result = mysqli_query($conn,$sql);
$data = array();
while($row = mysqli_fetch_assoc($result)){
$data[] = $row;
}
echo json_encode($data);
?>
在这个案例中,我们通过jquery ajax技术实现了向服务器查询数据的功能。这是一个非常常用的技术,可以用于很多场景中,如搜索、地图、天气等。希望本文能对大家有所帮助。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论