Ajax实现不刷新取最新商品

前端之家收集整理的这篇文章主要介绍了Ajax实现不刷新取最新商品前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

话不多说,请看代码

PHP;">
//ajax 接收的就是 PHP输出内容 虽然它没echo 但也是输出在网页的内容 所以ajax 能接收~~!!! 名称

HTML 的内容

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(); }

实例2:根据输入的ID 获取商品信息 并修改

PHP;">

HTML端的内容

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) //经常漏写了~~~不写是发送不了请求的~~一定要写! }

商品编辑

商品id:
商品名称:
商品库存:
商品价格:

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

原文链接:https://www.f2er.com/ajax/41183.html

猜你在找的Ajax相关文章