php 使用 ajax局部刷新 实现查询功能
求大神解答啊,最好详细点。非常着急。如果不能良好的解答,就不要解答了。拜托大神,急急急啊。...
求大神解答啊 ,最好详细点。非常着急。 如果不能良好的解答,就不要解答了。
拜托大神, 急急急啊。 展开
拜托大神, 急急急啊。 展开
3个回答
展开全部
html文件如下:
<form>
名字:<input type="text" name="name" id="name" >
<input type="button" name="btn" id="btn" value="查询">
</form>
<script>
$(function(){
$("#btn").click(function(){
$.ajax({
"dataType": 'json',
"type": "POST",
"url": "ajax.php",
"data": {'name':$("#name").val()},//获取表单中id是name的值
"success": function(obj){//提交成功
alert(obj.msg);
},
"error":function(){//提交失败
alert('error');
}
});
})
})
</script>
ajax.php页面
<?php
$name = $_POST['name'];
//做数据库查询
//查询到数据存在,成功
if($success){
exit(json_encode(array('errno'=>0,'msg'=>'success')));
}else{
//查询不到数据,失败
exit(json_encode(array('errno'=>1,'msg'=>'error')));
}
<form>
名字:<input type="text" name="name" id="name" >
<input type="button" name="btn" id="btn" value="查询">
</form>
<script>
$(function(){
$("#btn").click(function(){
$.ajax({
"dataType": 'json',
"type": "POST",
"url": "ajax.php",
"data": {'name':$("#name").val()},//获取表单中id是name的值
"success": function(obj){//提交成功
alert(obj.msg);
},
"error":function(){//提交失败
alert('error');
}
});
})
})
</script>
ajax.php页面
<?php
$name = $_POST['name'];
//做数据库查询
//查询到数据存在,成功
if($success){
exit(json_encode(array('errno'=>0,'msg'=>'success')));
}else{
//查询不到数据,失败
exit(json_encode(array('errno'=>1,'msg'=>'error')));
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
jquery 看手册 $.ajax。返回类型最好是json, php端 get或post接收参数,处理数据,返回数据或者一个判断的变量;最后die(json_encode($result));网上很多例子,看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
使用jquery方法
局部位置加一个div :<div id="data"></div>
$.post(
url, //php方法地址
getdata, //获取到的条件数据
function(data){
$("#data").html(data);
},
'html'
);
局部位置加一个div :<div id="data"></div>
$.post(
url, //php方法地址
getdata, //获取到的条件数据
function(data){
$("#data").html(data);
},
'html'
);
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询