话不多说,请看代码:
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