ajax是一种传输方式,数据不是提交给ajax,而是 数据 由 ajax提交到后台(并不刷新页面)
要实现一个简单的ajax请求,要这3样东西,一个html页,一段js代码,一个可以响应请求的后台
这里使用了jquery的js框架,原生js的ajax请求我背不住
html
<!--这里需要引用一个jquery的库-->
<
form
id
=
"form"
>
<
input
name
=
"data"
type
=
"text"
>
<
input
type
=
"button"
value
=
"提交"
id
=
"submit"
>
</
form
>
<
div
id
=
"result"
></
div
>
|
js
$(
"#submit"
).click(
function
(){
$.ajax({
url:
'demo.php'
,
type:
"POST"
,
data:$(
'#form'
).serialize(),
success:
function
(data) {
$(
"#result"
).text(data);
}
});
});
|
demo.php
<?php
if
(
$_POST
[
'data'
]){
echo
'接受到数据'
.
$_POST
[
'data'
];
}
else
{
echo
没有
'接受到数据'
;
}
?>