• 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成功 返回后台");
    });
  • 相关阅读:
    PHP -----上传文件
    PHP----预定义数组
    PHP-------- 会话控制
    PHP------XML
    PHP----练习-----三级联动
    PHP-------ajax返回值 返回JSON 数据
    PHP----练习----光标离开文本框时变色
    使用ansible安装配置zabbix客户端
    svn+apache安装配置
    rsync+lsyncd实现实时同步
  • 原文地址:https://www.cnblogs.com/add-really/p/7099015.html
Copyright © 2020-2023  润新知