Ajax原生代码

Ajax传数据有两种方式:get/post。下面是前台的get/post方式的代码。

//------------原生---------
function AjaxGET(){
    //第一步 调用Ajax的对象
    var xmlhttp;
    //兼容性
    if(window.XMLHttpRequest){
        xmlhttp=new XMLHttpRequest(); //code for IE7+, Firefox, Chrome, Opera, Safari
    }else{
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")// IE6, IE5
    }

    //第三步(接送响应)
        xmlhttp.onreadystatechange=function(){
            //readyState是状态值,status是状态码
        if(xmlhttp.readyState==4 && xmlhttp.status==200){
            //后台传回的内容
            console.log(xmlhttp.responseText);
            console.log("接送响应")
        }
    }

    //第二步(发送请求)
    //open配置传输数据的情况
    xmlhttp.open("get","/url",true);
    //发送请求!
    xmlhttp.send();
}
function AjaxPost(){
    //第一步 调用Ajax的对象
    var xmlhttp;
    if(window.XMLHttpRequest){
        xmlhttp=new XMLHttpRequest(); //code for IE7+, Firefox, Chrome, Opera, Safari
    }else{
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")// IE6, IE5
    }

    //第三步(接送响应)
    xmlhttp.onreadystatechange=function(){
        if(xmlhttp.readyState==4 && xmlhttp.status==200){
            console.log(xmlhttp.responseText);
            console.log("接送成功!")
        }
    }

    //第二步(发送请求)
    //open配置传输数据的情况
    xmlhttp.open("post","/haha",true);
    xmlhttp.setRequestHeader("Contrnt-type","application/x-www-form-urlencoded");
    //发送请求!
    xmlhttp.send("text1==@@&texte2==bb");
}

这是后台的

var express=require('express');
var app=express();
var bodyParser=require("body-parser");
//配置端口
var port=8021;
//配置静态文件
app.use(express.static("public"));
//post 传参数的配置
app.use(bodyParser.urlencoded({extended:false}));
//创建监听
app.listen(port,function(){
    console.log("服务器启动,端口号为"+port);
})
//----------------------配置路由-------------------
app.get("/url",function(req,res){
    var text=req.query.name;
    console.log(text);
    res.send("get成功,返回后台");
})
app.post("/haha",function(req,res){
    var text1=req.body.cck;
    console.log(text1);
    res.send("post成功 返回后台");
});
原文地址:https://www.cnblogs.com/add-really/p/7099015.html