js怎么直接post请求(javascript post get用法)

本文主要向您展示如何使用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请求”的全部内容。感谢您的阅读！相信大家都有一定的了解，希望分享的内容对大家有所帮助。想了解更多知识，请关注行业资讯频道！