转自:https://www.cnblogs.com/jokerjason/p/5858826.html// ajax 对象
function ajaxObject() {var xmlHttp;try {// Firefox, Opera 8.0+, SafarixmlHttp = new XMLHttpRequest();} catch (e) {// Internet Explorertry {xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");} catch (e) {try {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (e) {alert("您的浏览器不支持AJAX!");return false;}}}return xmlHttp;
}// ajax post请求:
function ajaxPost ( url , data , fnSucceed , fnFail , fnLoading ) {var ajax = ajaxObject();ajax.open( "post" , url , true );ajax.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded" );ajax.onreadystatechange = function () {if( ajax.readyState == 4 ) {if( ajax.status == 200 ) {fnSucceed( ajax.responseText );}else {fnFail( "HTTP请求错误!错误码:"+ajax.status );}}else {fnLoading();}}ajax.send( data );}

或者使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuery的实用工具方法。

$.post方法语法

$.post(url,parameters,callback)

参数

 

url

(字符串)服务器端资源地址。

parameter

(对象)需要传递到服务器端的参数。 参数形式为“键/值”。

callback

(函数)在请求完成时被调用。该函数参数依次为响应体和状态。

返回值

XHR实例

实例:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function () {$('#selectNum').change(function () {var idValue = $(this).val();//采用POST方式调用服务$.post('Server.aspx', { id: idValue }, function (text, status) { alert(text); });})
})
</script>
</head>
<body>
<select id="selectNum"><option value="0">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
</select>
</body>
</html>

js发送post请求相关推荐

  1. JS发送Http请求——AJAX

    1.AJAX的引入 JS 缺乏 主动发起 Http请求 的能力,因此需要代码片段让JS发起Http请求,我们称这样的代码片段为--AJAX(Asynchronous JAvaScript by Xml ...

  2. 使用js发送post请求

    使用js发送post请求  1.先将需要传递的参数封装 2.然后调用提前封装好httpPost方法即可 var params = {"startTime": startTime,& ...

  3. 【js】js发送get请求

    用原生js发送网络请求 var httpRequest = new XMLHttpRequest();//第一步:建立所需的对象httpRequest.open('GET', 'url', true) ...

  4. 封装js发送http请求

    封装js发送http请求 var http = {};http.quest = function (option, callback) {var url = option.url;var method ...

  5. Node.js发送HTTP请求

    在Node.js中发送HTTP请求,用的比较多的是request组件,该组件的功能非常强大,但是该组件需要通过回调函数的方式获取操作的结果. 由于现在Node.js对ES6已经支持的比较好了,我们更希 ...

  6. 最简单的方式使用原生 js 发送 http 请求

    使用场景 检查接口可用性 主要用于在没有引入 jQuery 等工具的页面上需要验证一些 api 能否调得通的时候,可以快速调出浏览器调试界面发请求. 这在判断是否存在跨域问题的场景下,特别好用. 验证 ...

  7. html js发送http请求数据格式,JS获取url参数,JS发送json格式的POST请求方法

    一.获取url所有参数值 function US() { var name, value; var str = location.href; var num = str.indexOf("? ...

  8. js发送https请求问题处理总结

    问题1 1.浏览器端无法发送https请求的时候 使用nginx进行转发,具体配置比较简单 问题2: 构建表单传送数据,提示缺失必要的参数. { "error" : "i ...

  9. js发送SOAP请求

    <html > <head >     <title></title> <script >             var  xmlhttp ...

  10. 原生html如何发送网络请求,原生JS发送HTTP请求的方式:XMLHttpRequest.send()

    在前端开发过程中,就目前来看,发送HTTP请求,大家习惯在框架里去应用,比如vue,react等.我们在往前追朔下,用的最多的是jQuery里的ajax.但是最原始的发送HTTP请求方式是什么呢?一起 ...

最新文章

  1. [递归]一只青蛙一次可以跳上1级台阶,也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法(先后次序不同算不同的结果)。
  2. 生成android证书
  3. php prism,漂亮的代码语法高亮库:Prism.js
  4. 十分钟搞定特征值和特征向量
  5. 用 WebClient 轻松实现文件下载上传、网页抓取
  6. 阿里云主机远程xshell登录密码重置
  7. Tools_Procexp找文件被哪个进程占用
  8. 影子系统 重启蓝屏 开机蓝屏 安全模式蓝屏 进PE蓝屏 解决方案
  9. 华为服务器设备型号查询,查看服务器机器型号
  10. 粗虚线和细虚线_高速虚线两侧是粗虚线 高速公路虚线两边加斜线什么意思?...
  11. c语言大战二十四祖冲之,18祖冲之
  12. 美团智能支付背后的前端工程师
  13. 群体遗传学--近交系数
  14. 转:Cookie MappingRTB,SSP,DSP,Ad Exchange
  15. ctfshow Nodejs
  16. 4399: 魔法少女LJJ
  17. opencv笔记(二)之opencv打开笔记本摄像头
  18. linux常见版本介绍
  19. Python文件的移动命名删除复制
  20. 1月3日,30秒知全网,精选7个热点

热门文章

  1. 基于TI达芬奇系列TMS320DM8148浮点DSP C674x JTAG仿真器接口、风扇接口
  2. oracle套嵌游标写法,PL/SQL Challenge 每日一题:2017-1-18 嵌套游标
  3. 安全产品分类梳理,欢迎各位大佬补充(一个IBM小哥哥博客文字转化过来的,很受用)
  4. IBM的Food Trust食品安全区块链解决方案之沃尔玛
  5. 中国磁力应用设备市场运行现状调研与未来发展前景预测报告2022年版
  6. 阿里云ECS流量计算
  7. java-net-php-python-jsp出租车租赁管理系统计算机毕业设计程序
  8. 工商银行U盾使用笔记
  9. Decimal转人民币大写java实现
  10. 第五次网页前端培训笔记(JS)