jquery做的AJAX无刷新显示数据,大家帮我改下,分数不多感谢。
<html><metahttp-equiv="Content-type"content="text/html;charset=utf-8"></meta><head><t...
<html>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"></meta>
<head>
<title>demo</title>
<script type="text/javascript" src="./jquery-1.9.1.min.js"></script><!--引入jquery -->
<script>
function getarea(){
var region_id = $("#region").val();//获得下拉框中大区域的值
if(region_id != ''){
$.ajax({
type: "post",
url: "a.php",
data:"region_id="+region_id,
cache:false,
beforeSend: function(XMLHttpRequest){
},
success: function(data, textStatus){
//alert(data);
$("#area").empty();//清空area下拉框
$("#area").append(data);//给area下拉框添加option
$("#area1").empty();//清空area1下拉框
$("#area1").append(data);//给area1下拉框添加option
},
complete: function(XMLHttpRequest, textStatus){
},
error: function(){
//请求出错处理。
}
});
}
}
</script>
</head>
<body>
<div>
<table width="100%">
<tr>
<td id="one">
商品名称:<select id="region" name="region" onchange="getarea();">
<option value="0">请选择商品</option>
<option value="1">网易一卡通 150点</option>
<option value="2">盛大一卡通 500点</option>
<option value="3">巨人一卡通 500点</option>
</select>
</td>
</tr>
<tr>
<td>
商品价格:<select id="area" name="area"></select>元
</td>
</tr>
<tr>
<td>
购买数量:<select id="area1" name="area1"></select>件
</td>
</tr>
</table>
</div>
</body>
</html>
这是HTML+JQ代码。
========================================
<?php
$region_id = $_POST['region_id'];
//根据前台传过来的region_id来处理下拉框的内容.
//这里演示直接输出,你可以从数据库中读出来组织后再输出.
switch($region_id){
case 0:
$area_option = "";
echo $area_option;
break;
case 1:
$area_option = "<option value='1'>20</option>";
$kucun = "5";
echo $area_option.$kucun;
break;
case 2:{
$area_option = "<option value='2'>25</option>";
$kucun = "25";
echo $area_option.$kucun;
break;
}
case 3:{
$area_option = "<option value='3'>70</option>";
$kucun = "7";
echo $area_option.$kucun;
break;
}
}
?>
这里是PHP代码。
我想输出2个字段,商品价格和商品库存,商品库存是用下拉框显示,假如后台输出5就下拉框显示5,25就25.
商品价格用strong显示就可以了。
现在问题是:假如我后台输出2个字段,价格+库存,前台不知道应该怎么分割导入,谢谢了。 展开
<meta http-equiv="Content-type" content="text/html; charset=utf-8"></meta>
<head>
<title>demo</title>
<script type="text/javascript" src="./jquery-1.9.1.min.js"></script><!--引入jquery -->
<script>
function getarea(){
var region_id = $("#region").val();//获得下拉框中大区域的值
if(region_id != ''){
$.ajax({
type: "post",
url: "a.php",
data:"region_id="+region_id,
cache:false,
beforeSend: function(XMLHttpRequest){
},
success: function(data, textStatus){
//alert(data);
$("#area").empty();//清空area下拉框
$("#area").append(data);//给area下拉框添加option
$("#area1").empty();//清空area1下拉框
$("#area1").append(data);//给area1下拉框添加option
},
complete: function(XMLHttpRequest, textStatus){
},
error: function(){
//请求出错处理。
}
});
}
}
</script>
</head>
<body>
<div>
<table width="100%">
<tr>
<td id="one">
商品名称:<select id="region" name="region" onchange="getarea();">
<option value="0">请选择商品</option>
<option value="1">网易一卡通 150点</option>
<option value="2">盛大一卡通 500点</option>
<option value="3">巨人一卡通 500点</option>
</select>
</td>
</tr>
<tr>
<td>
商品价格:<select id="area" name="area"></select>元
</td>
</tr>
<tr>
<td>
购买数量:<select id="area1" name="area1"></select>件
</td>
</tr>
</table>
</div>
</body>
</html>
这是HTML+JQ代码。
========================================
<?php
$region_id = $_POST['region_id'];
//根据前台传过来的region_id来处理下拉框的内容.
//这里演示直接输出,你可以从数据库中读出来组织后再输出.
switch($region_id){
case 0:
$area_option = "";
echo $area_option;
break;
case 1:
$area_option = "<option value='1'>20</option>";
$kucun = "5";
echo $area_option.$kucun;
break;
case 2:{
$area_option = "<option value='2'>25</option>";
$kucun = "25";
echo $area_option.$kucun;
break;
}
case 3:{
$area_option = "<option value='3'>70</option>";
$kucun = "7";
echo $area_option.$kucun;
break;
}
}
?>
这里是PHP代码。
我想输出2个字段,商品价格和商品库存,商品库存是用下拉框显示,假如后台输出5就下拉框显示5,25就25.
商品价格用strong显示就可以了。
现在问题是:假如我后台输出2个字段,价格+库存,前台不知道应该怎么分割导入,谢谢了。 展开
展开全部
有2中方法,一种是用拼接的方式,后台拼接,前台在分解。。。。。
一种是将两个放进数组,用json格式传会前台处理
一种是将两个放进数组,用json格式传会前台处理
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
json数据格式,data:{"price":price,"kucun":kucun}
另外一种拼接字符串,然后用html()方法就OK了
另外一种拼接字符串,然后用html()方法就OK了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个直接后台返回"价格|库存"
然后前台js
中将data.split('|')下
再将把html拼接出来
然后前台js
中将data.split('|')下
再将把html拼接出来
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
跟js的实现方式是一样的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询