大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
举个例子:你想在用户点击时,把 apple 这个字符串,通过前端传给后端。
长白网站制作公司哪家好,找成都创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作,到程序开发,运营维护。成都创新互联从2013年创立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。
前端,用 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,异步非阻塞的请求方式)
写一个jQuery的示例,假设要获取divid="content"123/div的内容并保存;
up.php页面只要向正常的表单一样用$_POST['text']就可以获取到传递过去的参数了。
主要是data:{goodsNum:para}没有用引号,而且应该加载ajax模板,应该改为:
加入
script src="js/jquery-3.3.1.min.js"/script
然后修改为
data:{'goodsNum':'para'}
$.ajax({type: "",url: "",data: "", dataType: "json",success: function (data) {
//这里处理返回的结果
//type为数据提交的方式post或者get
//data表示要提交的数据 方式为 {name1:value1,name2:value2.....等等}
//dataType表示数据处理后返回的数据类型 一般返回json的数据类型 使用$.each进行循环操作
//success表示数据请求成功后执行的动作
}});
帮你调试了一下你的代码,发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
效果图