AJAX表单提交以及数据接收

Question

AJAX表单提交以及数据接收

Answer 1

ajax是一种传输方式，数据不是提交给ajax，而是 数据 由 ajax提交到后台（并不刷新页面）

要实现一个简单的ajax请求，要这3样东西，一个html页，一段js代码，一个可以响应请求的后台

这里使用了jquery的js框架，原生js的ajax请求我背不住

html

1 2 3 4 5 6 7

<!--这里需要引用一个jquery的库-->   <form id="form">     <input name="data" type="text">     <input type="button" value="提交" id="submit"> </form> <div id="result"></div>

js

1 2 3 4 5 6 7 8 9 10

$("#submit").click(function(){     $.ajax({         url:'demo.php',         type:"POST",         data:$('#form').serialize(),         success: function(data) {             $("#result").text(data);         }     }); });

demo.php

1 2 3 4 5 6 7

<?php if($_POST['data']){     echo '接受到数据'.$_POST['data']; }else{     echo 没有'接受到数据'; } ?>