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成功 返回后台"); });