zoukankan      html  css  js  c++  java
  • 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成功 返回后台");
    });
  • 相关阅读:
    剑指offer--2.替换空格
    剑指offer--1.二维数组中的查找
    poj-1426-Find The Multiple(打表水过)
    hdoj-3791-二叉搜索树(二叉搜索树模板题)
    hdoj-1276-士兵队列训练问题(队列模拟)
    HihoCoder
    CodeForces-831A-Unimodal Array (水题)
    hdoj-1046-Gridland(规律题)
    hdoj-1038-Biker's Trip Odometer(水题)
    hdoj-1037-Keep on Truckin'(水题)
  • 原文地址:https://www.cnblogs.com/add-really/p/7099015.html
Copyright © 2011-2022 走看看