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
没有
'接受到数据'
;
}
?>