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成功 返回后台");
    });
  • 相关阅读:
    Java检测文件是否UTF8编码
    Linux: uid/euid/suid的关系
    位移运算
    Springmvc 重定向参数传递方式
    @RequestBody和@RequestParam区别
    jsp页面老提示Multiple annotations found at this line:
    滚动表格代码
    滚动条样式修改
    WebService的四种客户端调用方式
    table元素的td和ul元素li隔行变色
  • 原文地址:https://www.cnblogs.com/add-really/p/7099015.html
Copyright © 2011-2022 走看看