Ajax 는 최신 상품 을 새로 고침 하지 않 습 니 다.
4356 단어 ajax새로 고침 하지 않 음
<?php
$conn = mysql_connect('localhost','root','123456') or die(' ');
mysql_select_db('ecshop');
mysql_query('set names utf8');
$attr = isset($_GET['attr'])?$_GET['attr']:'is_hot'; // html ajax ~
$sql = 'select goods_name,goods_id,shop_price from goods where '.$attr.' = 1 limit 0,3';
$rs = mysql_query($sql,$conn);
//var_dump($rs);
$goods = array();
while($row = mysql_fetch_assoc($rs)){
$goods[] = $row;
}
//print_r($goods);
?>
<table border='1'> //ajax php echo ajax ~~!!!
<tr><td> ID</td><td> </td><td> </td></tr>
<?php foreach($goods as $v){ ?>
<tr>
<td><?php echo $v['goods_id'];?></td>
<td><?php echo $v['goods_name'];?></td>
<td><?php echo $v['shop_price'];?></td>
</tr>
<?php }?>
</table>
HTML 의 내용
<script>
var xhr = new XMLHttpRequest();
function top3(attr){
var url = 'goods.php?attr=' + attr;
xhr.open('get',url);
xhr.onreadystatechange = function (){
if(xhr.readyState ==4){
var dobj = document.getElementsByTagName('div')[0].innerHTML = xhr.responseText; // php INNERHTML
}
}
xhr.send();
}
</script>
</head>
<body>
<input type="button" value=" " onclick="top3('is_new');">
<input type="button" value=" " onclick="top3('is_hot');">
<input type="button" value=" " onclick="top3('is_best');">
<div id="test">
</div>
</body>
인 스 턴 스 2:입력 한 ID 에 따라 상품 정보 획득 및 수정
<?php
$conn = mysql_connect('localhost','root','123456') or die(' ');
mysql_select_db('ecshop');
mysql_query('set names utf8');
$id = isset($_GET['id'])?$_GET['id']:1;
if($id==''){
$error['num'] = 1;
$error['msg'];
}
$sql = 'select goods_id,goods_name,shop_price,goods_number from goods where goods_id ='.$id;
$rs = mysql_query($sql);
if(!($goods = mysql_fetch_assoc($rs))){ // false
echo ' !';
exit;
}
echo json_encode($goods); // json ~~
?>
HTML 엔 드 의 내용
<script>
var xhr = new XMLHttpRequest();
function modify(){
var inputs = document.getElementsByTagName('input')
var gid = inputs[0].value;
var url = 'search.php?id='+ gid;
xhr.open('get',url);
xhr.onreadystatechange = function (){
if(xhr.readyState ==4){
var data = eval('('+ xhr.responseText +')') // json JS !
inputs[1].value = data.goods_name;
inputs[2].value = data.goods_number;
inputs[3].value = data.shop_price;
}
}
xhr.send(null) // ~~~ ~~ !
}
</script>
</head>
<body>
<h1> </h1>
id:<input type="text" name="goods_id" onfocus="al()" onblur="modify();" /><br /> <span></span>
:<input type="text" name="goods_name" /><br />
:<input type="text" name="goods_number" /><br />
:<input type="text" name="shop_price" /><br />
<input type="submit" value=" " />
</body>
이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Javascript Ajax에 대한 간단한 연습저는 약 4년 동안 프로그래밍 개인 튜터로 일한 경험이 있습니다. 약 5년 전에 " "이라는 제목의 페르시아어로 내 웹사이트에 블로그 게시물을 올렸고 사람들이 저에게 전화하기 시작했습니다. 나는 항상 사람들을 가르치...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.