全国咨询热线:18720358503

深圳抖音微信小程序_Ajax完成不改写取最新商品

类别:行业新闻 发布时间:2021-01-12 浏览人次:

Ajax实现不刷新取最新商品       本文主要介绍了Ajax 实现不刷新取最新商品的方法。具有很好的参考价值,下面跟着小编一起来看下吧
$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){ 
 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="最新商品" 
 input type="button" value="热卖商品" 
 input type="button" value="精品商品" 
 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 

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持凡科!


推荐阅读

深圳抖音微信小程序_Ajax完成不改写取最新商品

Ajax完成不更新取全新产品 文中关键详细介绍了Ajax 完成不更新取全新产品的方式。具备非常好的参照使用价值,下边跟随网编一起來看看吧$conn = mysql_connect('localhost','root','123456'...

2021-01-12
微信小程序大热门_在 Angular 中完成查找要害字高

在 Angular 中完成检索重要字高亮度实例 ,lonelyBurning 在 Angular 中,大家不可该尝试立即改动 DOM 的內容,当必须升级 DOM 內容的情况下,应当改动的实际上就是我们的数据信息实体模...

2021-01-12
本人建网站选图时要注-seo优化手段别乱用,小心

跟随互连网技术性的持续发展趋势,检索模块对网网站内部容的规定越来越越高,很多网站站长都发觉网站被莫名其妙的被降权惩罚,被降权惩罚不但仅造成排行的降低也会造成总流量...

2021-01-12
广州凡科互联网科技股份有限公司招聘网络客服

招聘人数:16职位信息薪资结构:无责任底薪+高提成+年终奖+季度奖金+月度奖金我们给您的:1、公司提供意向客户2、通过公众号平台工作,无需打电话或跑业务3、提供带薪岗前培训,...

2021-01-12
网页微信-专业软件定制开发开发

基本手机软件自带PHP|自带Java|自带ASP/.NET|自带建网站系统软件|网络服务器手机软件|运用开发设计专用工具资询计划方案掌握/是以大家造型艺术散播和公司造型艺术文化艺术內容...

2021-01-12
小程序在线设计_JavaScript怎么一次性展示几万条数

JavaScript怎样一次性展现几万元总数据 文中关键详细介绍了JavaScript一次性展现几万元总数据的完成方式。具备非常好的参照使用价值,下边跟随网编一起來看看吧有一名朋友跟大伙...

2021-01-12
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信