重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
能啊!给你个例子啊!
网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了徽州免费建站欢迎大家使用!
html
head
script type="text/javascript"
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
{// all modern browsers
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// for IE5, IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}
function state_Change()
{
if (xmlhttp.readyState==4)
{// 4 = "loaded"
if (xmlhttp.status==200)
{// 200 = "OK"
document.getElementById('p1').innerHTML="This file was last modified on: " + xmlhttp.getResponseHeader('Last-Modified');
}
else
{
alert("Problem retrieving data:" + xmlhttp.statusText);
}
}
}
/script
/head
body
p id="p1"
The getResponseHeader() function returns a header from a resource.
Headers contain file information like length,
server-type, content-type, date-modified, etc./p
button onclick="loadXMLDoc('/example/ajax/test_xmlhttp.txt')"Get "Last-Modified"/button
/body
/html
帮你调试了一下你的代码,发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
效果图
javascript函数不能这样写,改成下面这样:
script type="text/javascript" src="jquery-1.2.6.min.js"/script
script type="text/javascript"
function ShowNumber(device)
...
/script
举个例子:你想在用户点击时,把 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,异步非阻塞的请求方式)