1. // ajax 对象
  2. function ajaxObject() {
  3.     var xmlHttp;
  4.     try {
  5.         // Firefox, Opera 8.0+, Safari
  6.         xmlHttp = new XMLHttpRequest();
  7.         }
  8.     catch (e) {
  9.         // Internet Explorer
  10.         try {
  11.                 xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  12.             } catch (e) {
  13.             try {
  14.                 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  15.             } catch (e) {
  16.                 alert("您的浏览器不支持AJAX！");
  17.                 return false;
  18.             }
  19.         }
  20.     }
  21.     return xmlHttp;
  22. }
  23.  
  24. // ajax post请求：
  25. function ajaxPost ( url , data , fnSucceed , fnFail , fnLoading ) {
  26.     var ajax = ajaxObject();
  27.     ajax.open( "post" , url , true );
  28.     ajax.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded" );
  29.     ajax.onreadystatechange = function () {
  30.         if( ajax.readyState == 4 ) {
  31.             if( ajax.status == 200 ) {
  32.                 fnSucceed( ajax.responseText );
  33.             }
  34.             else {
  35.                 fnFail( "HTTP请求错误！错误码："+ajax.status );
  36.             }
  37.         }
  38.         else {
  39.             fnLoading();
  40.         }
  41.     }
  42.     ajax.send( data );
  43.  
  44. }

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

$.post方法语法

$.post(url,parameters,callback)

参数

  

url

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

parameter

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

callback

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

返回值

XHR实例

实例：

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <title></title>
  4. <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
  5. <script type="text/javascript">
  6. $().ready(function () {
  7. 　　$('#selectNum').change(function () {
  8. 　　　　var idValue = $(this).val();
  9. 　　　　//采用POST方式调用服务
  10. 　　　　$.post('Server.aspx', { id: idValue }, function (text, status) { alert(text); });
  11. 　　})
  12. })
  13. </script>
  14. </head>
  15. <body>
  16. <select id="selectNum">
  17. 　　<option value="0">--Select--</option>
  18. 　　<option value="1">1</option>
  19. 　　<option value="2">2</option>
  20. 　　<option value="3">3</option>
  21. </select>
  22. </body>
  23. </html>

js 之 Post发送请求的更多相关文章

  1. vue中配置axios.js文件，发送请求

    为了统一管理请求,每个项目都会去配置axios:而不是在vue中直接使用,那样不好维护等等 下面是我配置的最基础的axios文件 第一步:首先新建一个axios文件,我是放在router文件下的 im ...

  2. js发送请求

    1.Chrome控制台中 net::ERR_CONNECTION_REFUSED js频繁发送请求,有可能连接被拒绝,可用setTimeout,过几秒发送,给个缓冲时间 var overlayAnal ...

  3. 原生JS实现ajax 发送post请求

    1. [代码]原生JS实现ajax 发送post请求 <script> var oStr = ''; var postData = {}; var oAjax = null; //post ...

  4. js进阶ajax基本用法（创建对象，连接服务器，发送请求，获取服务器传过来的数据）

    js进阶ajax基本用法(创建对象,连接服务器,发送请求,获取服务器传过来的数据) 一.总结 1.ajax的浏览器的window对象的XMLHtmlRequest对象的两个重要方法:open(),se ...

  5. js实现连续输入之后发送请求

    输入框是我们经常会用到的功能,想要实现输入就请求的功能 但是在实际开发中,为了减少服务器压力,会在输入之后停留1s没有输入之后再进行搜索 研究之后用原生js及表单写了一个简单的demo,如果有好的de ...

  6. 纯js异步无刷新请求(只支持IE)

    纯js异步无刷新请求 下载地址:http://pan.baidu.com/s/1slakL1F 所以因为非IE浏览器都禁止跨域请求,所以以只支持IE. <HTML> <!-- 乱码( ...

  7. Query通过Ajax向PHP服务端发送请求并返回JSON数据

    Query通过Ajax向PHP服务端发送请求并返回JSON数据 服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据.本文将通过实例演示了jQuer ...

  8. 原生JS写Ajax的请求函数

    一.JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面:ajax的技术核心是 XMLHttpRequest 对象:ajax 请求过程:创建 XMLHttpRequest 对象.连接服务 ...

  9. mockjax MOCK.js的拦截ajax请求

    今天看了下 mock.js的拦截请求 .https://github.com/nuysoft/Mock/blob/master/src/mockjax.js //覆盖(拦截) Ajax 请求,目前内置 ...

随机推荐

  1. poj3301 三分

    Texas Trip Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 4998   Accepted: 1559 Descri ...

  2. HTML5画布（圆形）

    案例1: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8& ...

  3. PHP Warning: phpinfo(): It is not safe to rely on the system's timezone setting

    错误描述: PHP Warning:  phpinfo(): It is not safe to rely on the system's timezone settings. You are *re ...

  4. Jasper_table_pass parameter to table component

    <subDataset name="Dataset1" uuid="2a894ef4-dbcc-47df-bfaf-027766c7352e"> 2 ...

  5. Jasper_plug_install

    1.open eclipse -> Help -> Eclipse Marketplace. 2.at new window, find jasper, will find Jaspers ...

  6. oracle的resetlogs机制浅析

    oracle的resetlogs机制浅析 alter database open resetlogs 这个命令我想大家都很熟悉了,那有没有想过这个resetlogs选项为什么要用?什么时候用?它的原理 ...

  7. ASP.NET MVC3快速入门——第四节、添加一个模型

    在本节中我们将追加一些类来管理数据库中的电影.这些类将成为我们的MVC应用程序中的“模型”部分.我们将使用一个.NET Framework的被称之为“Entiry Framework”的数据访问技术来 ...

  8. Intent.ACTION_TIME_TICK 广播

    Intent.ACTION_TIME_TICK 广播需要动态注册,不能在清单文件配置. TimeReceiver mBroadcastReceiver = new TimeReceiver(); In ...

  9. 11g Rac 切换

    <pre name="code" class="sql">[grid@devrac1 ~]$ crsctl status res -t ------ ...

  10. 【转】 树莓派学习笔记——I2C设备载入和速率设置

    原文网址:http://blog.csdn.net/xukai871105/article/details/18234075 1.载入设备 方法1——临时载入设备 sudo modprobe -r i ...