js：ajax post与get的区别，getjson的使用

一，get方法是nodejs用来接收数据常用的方法，通过url传递

参数可以在地址看到(登陆的时候不安全)，并且由于地址栏对参数长度的控制，因此get方法不能做大数据的提交

在页面发送数据

 $.get("../action/zxly.js", {nc: nc, qq: qq, em: em, zt: zt, nr: nr}, function (result) {console.log(result.args);if (result.args=="ok") {   //接收js返回的数据alert("留言成功！")}})

在js中接收数据

 router.get("/action/zxly.js?",function(req,res) {//req.query：获取URL的查询参数串var par=req.query;res.send({"args":result}); //向页面发送数据
}）

二，post方法通过body来获得参数需要加载相应的模块

安装命令：

npm install body-parser

在app.js中添加相应的模块

var bodyParser = require('body-parser');//加载此模块在body中去获取参数
app.use(bodyParser.urlencoded({extended:false}));//参数方式是字符串

表单提交：

<form action="<%=basePath%>action/tedst.js"    method="post">用户名:<input type="text" name="username" /><br/>密码:<input type="password" name="pwd"/><br/><input type="submit"  value="提交"/></form>

js接收：

如果做参数的安全提交例如用户名，或者大量的数据提交就需要用到post方法
post方法只能表单提交，不能通过地址栏访问。

router.post("/action/tedst.js",function(req,res,next)              res.send("----post提交成功"+req.body.username+"   "+ req.body.pwd);next();})

三，getjson跨域接收请求

js中返回数据：

router.get("/action/Testgetjson",function(req,res,next){var m=req.query.jsoncallback;res.write(m+"({\"key\":\"abcdef\"})");//跨域返回的数据格式// res.write("{\"key\":\"abcdef\"}");    //同域返回数据的格式
              res.end();})

页面中发送请求并接收返回的参数

function test(){$.getJSON("http://localhost:3001/action/Testgetjson?jsoncallback=?", function(data){$("span").text(data.key);})}

转载于:https://www.cnblogs.com/dybe/p/8253805.html

js：ajax post与get的区别，getjson的使用相关推荐

转载:Ajax及 GET、POST 区别
转载:Ajax及 GET.POST 区别收获: xhr.setRequestHeader(), xhr.getResponseHeader() 可以设置和获取请求头/响应头信息; new FormD ...
Ajax,jQuery ajax,axios和fetch的区别
Ajax,jQuery ajax,axios和fetch的区别 Ajax: Ajax 即"Asynchronous Javascript And XML"(异步 JavaScrip ...
js ajax的请求地址不正确,使用香草JS AJAX请求访问本地JSON文件时出现CORS错误？...
我正在尝试使用香草JS AJAX请求从本地存储的JSON文件中拉回JSON字符串(特别是尝试不使用JQuery)-以下代码基于此答案 -但我在Chrome控制台中不断收到错误(见下文).有什么想法我要 ...
将微博或者qq空间的说说同步至博客园 wcf+js(ajax)跨域请求(1)
前天刚写了篇文章使用Bootstrap为你的博客园自定义轮播图片(今天将图片加载的顺序调整了下,不在访问的时候直接加载,而是页面加载最后在脚本里面动态添加dom元素),虽说技术含量不怎么高,但是大家还 ...
ajax的post跟get区别,Ajax中post与get的区别
get和post都是向服务器发送一种请求,只是发送机制不同 . 1. GET可以通过在请求URL上添加请求参数, 而POST请求则是作为HTTP消息的实体内容发送给WEB服务器. 2. get方式请求 ...
Js中的style,currentStyle,getComputedStyle()区别
Js中的style,currentStyle,getComputedStyle()区别样式表有三种方式: 1.内嵌样式(inline Style)-是写在Tag里面的,内嵌样式只对所有的Tag有效 ...
JS中 let 和var的区别
JS中let和var 的区别简单介绍let var的常见变量提升 ES6可以用let定义块级作用域变量 let配合for循环的独特应用 let没有变量提升与暂时性死区 let变量不能重复声明简单介 ...
php js获取文件大小,js+ajax实现获取文件大小的方法_javascript技巧
本文实例讲述了js+ajax实现获取文件大小的方法.分享给大家供大家参考,具体如下: 顾名思义,通过JS和Ajax来获取上传文件的大小,在上传之前可以有个判断,对上传的文件有所控制,因为js控制文件大 ...
uniapp 获取到js文件var一个变量怎么获取到这个变量值_浅析Js中const,let,var的区别及作用域...
理解:let变量的作用域只能在当前函数中 js中const,let,var的区别及作用域_lianzhang861的博客-CSDN博客blog.csdn.net 全局作用域中,用 const 和 l ...
模块化 JS Ajax 请求
为什么80%的码农都做不了架构师?>>> 现在有一个需求,点击 Button需要调用一个函数获取 JSON 数据传给 artTemplate 模板渲染生成页面,所以需要在这个函 ...

js：ajax post与get的区别，getjson的使用

js：ajax post与get的区别，getjson的使用相关推荐

最新文章

热门文章