Ajax实现不刷新取最新商品
发布时间：2020-12-15 23:19:32 所属栏目：百科 来源：网络整理
导读：话不多说，请看代码： //ajax 接收的就是 php输出内容 虽然它没echo 但也是输出在网页的内容 所以ajax 能接收~~！！！ HTML 的内容 实例2：根据输入的ID 获取商品信息 并修改 HTML端的内容 商品编辑 商品id: 商品名称: 商品库存: 商品价格: 以上就是本文的全
|
话不多说，请看代码： //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 获取商品信息 并修改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:商品名称: 商品库存: 商品价格: 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程之家！ （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |