重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
其实就是发送一个网络请求,服务端输出的内容就是响应的内容,如jQuery
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的天水网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
$.ajax(
{
url: '', // 请求URL
data: '', // 请求时携带的参数
type: '', // 请求方式, GET/POST
dataType: '',// 响应数据格式, text/json
success: r = {
// 请求成功时回调函数,参数 r 为服务端响应的内容
console.log(r); // 就是你说的后台数据
},
error: () = {
console.error('fail'); // 请求失败
}
}
)
// 服务端响应内容
$data = []; // 从数据库中获取的数据
echo json_encode($data); // 响应客户端, 数据格式为 JSON
举个例子:你想在用户点击时,把 apple 这个字符串,通过前端传给后端。
前端,用 jQuery 举例:
$('button').click(function () {
$.ajax({
url: '/xxx',
method: 'post',
dataType: 'json',
data: {fruit: 'apple'}
}).done(function (res) {
// 成功后的回调
}).fail(function (err) {
// 失败后的回调
});
});
后端 PHP 处理:
$fruit = $_POST['fruit']; // 获取从 ajax 传过来的 fruit 的值,这里是 apple。
如果你想在前端重新显示这个字符串 apple,那么你要用 PHP 把数据返回给页面,然后在上面 “// 成功后的回调” 里面,补充逻辑代码。
例如 PHP 把 apple 返回给前端:
return json_encode(array('fruit' = 'apple'));
前端回调处理:
// 成功后的回调
alert(res.fruit); // 弹框显示 “apple”
实际上,$_POST 能够获取所有从前端用 post 方式提交过来的数据,不管你是页面刷新方式,还是 ajax(jQuery 才叫 ajax,实际上它是 XMLHttpRequest,异步非阻塞的请求方式)
帮你调试了一下你的代码,发post请求,,数据的格式是:'name=zhangsanage=18' ,这种字符串格式的,所以你要把你的 var senddata="4"; 改成 var senddata="senddata=4";
php 部分,
$getDeviceID=$_POST[senddata];
改成$getDeviceID=$_POST['senddata'];
接收的参数需要加上单引号。
另外如果是jquery就比较简单了,去jquery官网下载jq3.3.1然后引入
php部分
?php
echo json_encode($_POST,320);
?
html部分
html
head
script src="jquery-3.3.1.min.js"/script
/head
body
script
function freshdata(){
$.ajax({
url: "test.php",//提交地址
type: "post",//提交方式
dataType:'json',
data:{
'senddata':4,
//如果在加其他参数
'name':'张三',
'age':20,
},
success: function(ret) {//msg 返回值
alert('senddata:'+ret.senddata+'\n姓名:'+ret.name+'\n年龄:'+ret.age);
}
});
}
/script
span onclick="freshdata()"点击发送ajax请求/span
/body
/html
效果图
主要是data:{goodsNum:para}没有用引号,而且应该加载ajax模板,应该改为:
加入
script src="js/jquery-3.3.1.min.js"/script
然后修改为
data:{'goodsNum':'para'}