本文主要向您展示如何使用Javascript发送GET/POST请求。内容简单易懂，条理清晰，希望能帮你解开疑惑。让边肖带领你学习如何使用Javascript发送GET/POST请求。
00-1010如果你是第一次学JavaScript，可能对JQuery没有我那么清楚，所以适当普及JQuery是一个快速简洁的JavaScript框架，是继Prototype之后的又一个优秀的JavaScript代码库(或Javascript框架)。JQuery设计的目的是“少写多做”，即提倡少写代码，多做事。
它封装了JavaScript的常用功能代码，提供了简单的JavaScript设计模式，优化了HTML文档操作、事件处理、动画设计和Ajax交互。JQuery的核心特点可以概括为：独特的链式语法和简洁明了的多功能界面；它有一个高效灵活的css选择器，可以扩展；有方便的插件扩展机制和丰富的插件。JQuery兼容各种主流浏览器，如IE 6.0、FF 1.5、Safari 2.0、Opera 9.0等。
JQuery官方网站地址，点击即可访问。从官方版本来看，目前最新版本已经到了v3.2.1，建议考虑去官网下载最新的JQuery，获取更多功能。
JQuery非常强大，但是只需要两个简单的就可以实现当前的功能。点击即可查看API和完整的API文档。此外，还有关于runnoob.com Javascript的学习资料。
基于JQuery的GET/POST数据提交方式
参数描述所需的url，指定需要请求的可选urldata，指定要与请求一起发送到服务器的数据，格式为jsoncallback optional，并返回函数。
$.get(url, data, callback)
参数描述所需的URL，指定您需要请求的可选URL数据，并指定要与请求一起发送到服务器的数据。jsoncallback格式是可选的，并且返回函数。使用请求成功时运行的函数的方法如下：首先，在需要调用Jquery的页面中，导入带有脚本标记的JQuery文件，例如：
script src=' static/js/jquery-3 . 2 . 1 . min . js '/script然后，在网页的空白处，陈述你的方法和需要传递的参数。您可以这样做：
脚本
functiondoPost(url)
{
var val 1=document . GetElementsByname(' key 1 ')。价值；
var val 2=document . GetElementsByname(' key 2 ')。价值；
$.post(url，{'key1':val1，' key 2 ' : val 2 })；
}
/script接下来，将onclick属性添加到您的输入/按钮标签或您需要发送数据的位置，例如：
.
input type=' button ' value=' submit ' onclick=' doPost('/')'/
.所以可以使用JQuery发送数据。
另一种方法是构造一个表单并使用它来提交。
$.post(url, data, callback)
/*
*@url:urllink
*@action:'get '，' post '
* @ json: { ' key1 ' : ' value2 '，' key2':'value2'}
*/
functiondoFormRequest(url、操作、json)
{
varform=document . create element(' form ')；
form.action=url
form.method=action
//appendinputattributeandvalues
for(varkeyinson)
{
if(json.hasOwnProperty(key))
{
var val=JSON[key]；
input=document . create element(' input ')；
input.type=' hidden
input.name=key
input.value=val
//appendkey-valuetoform
form.appendChild(输入)
}
}
//sendbostrequest
document.body.appendChild(表单)；
form . submit()；
//removeformfromdocument
document.body.removeChild(表单)；
}调用方法非常简单。将此代码块复制到您自己的HTML文档中的脚本标记中，然后您可以直接使用它。只需根据自己的需要选择GET/POST方法即可。
以上就是文章“如何用Javascript发送GET/POST请求”的全部内容。感谢您的阅读！相信大家都有一定的了解，希望分享的内容对大家有所帮助。想了解更多知识，请关注行业资讯频道！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/153648.html