AJAX表单提交以及数据接收

Question

AJAX表单提交以及数据接收

Answer 1

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