Question

AJAX表单提交以及数据接收

我现在想实现这样一个效果
chat.html中有一个表单chat,按下提交按钮后chat提交到AJAX处，然后AJAX返回数据到chat.html中显示出来，我想知道实现方法

Answer 1

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