php实现博客留言板功能,Ajax 三种方法实现留言板功能之 源生方法

Ajax 实现异步提交，在不刷新页面的情况下将数据发送到服务器进行处理，并返回被处理后的结果

Ajax原生 方法 使用XMLHttpRequest对象：

前台脚本：

var btn = document.getElementById('submit');

btn.onclick = function(){

//获取内容

var text = document.getElementById('text').value;

//拼接字符串

var data = 'content='+text;

//创建XML请求对象

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function(){

if(xhr.readyState == 4 && xhr.status == 200){

//JSON.parse(text,function)将返回的json数据转化为对象

var json = JSON.parse(xhr.responseText);

if(json.status ==1){

alert('留言成功');

//创建节点

var li = document.createElement('li');

//设置class

// li.className('list-group-item');

// li.styl