使用post()方法以POST方式从服务器发送数据

与get()方法相比，post()方法多用于以POST方式向服务器发送数据，服务器接收到数据之后，进行处理，并将处理结果返回页面，调用格式如下：

$.post(url,[data],[callback])

参数url为服务器请求地址，可选项data为向服务器请求时发送的数据，可选项callback参数为请求成功后执行的回调函数。

  1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  <html xmlns="http://www.w3.org/1999/xhtml">
  3.      <head>
  4.          <title>使用post()方法以POST方式从服务器发送和获取数据</title>
  5.          <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
  6.          <style>
  7.              #divtest
  8.              {
  9.                  width: 282px;
  10.              }
  11.              #divtest .title
  12.              {
  13.                  padding: 8px;
  14.                  background-color:Blue;
  15.                  color:#fff;
  16.                  height: 23px;
  17.                  line-height: 23px;
  18.                  font-size: 15px;
  19.                  font-weight: bold;
  20.              }
  21.              ul
  22.              {
  23.                  float: left;
  24.                  width: 280px;
  25.                  padding: 5px 0px;
  26.                  margin: 0px;
  27.                  font-size: 14px;
  28.                  list-style-type: none;
  29.              }
  30.              ul li
  31.              {
  32.                  float: left;
  33.                  width: 280px;
  34.                  height: 23px;
  35.                  line-height: 23px;
  36.                  padding: 3px 8px;
  37.              }
  38.              .fl
  39.              {
  40.                  float: left;
  41.              }
  42.              .fr
  43.              {
  44.                  float: right;
  45.              }
  46.          </style>
  47.      </head>
  48.  
  49.      <body>
  50.          <div id="divtest">
  51.              <div class="title">
  52.                  <span class="fl">检测数字奇偶性</span>
  53.                  <span class="fr"><input id="btnCheck" type="button" value="检测" /></span>
  54.              </div>
  55.              <ul>
  56.                 <li>请求输入一个数字 <input id="txtNumber" type="text" size="12" /></li>
  57.              </ul>
  58.          </div>
  59.  
  60.          <script type="text/javascript">
  61.              $(function () {
  62.                  $("#btnCheck").bind("click", function () {
  63.                      $.post("./8-5.php",{
  64.                          num:$("#txtNumber").val()},function (data) {
  65.                          $("ul").append("<li>你输入的<b>  "
  66.                          + $("#txtNumber").val() + " </b>是<b> "
  67.                          + data + " </b></li>");
  68.                      });
  69.                  })
  70.              });
  71.          </script>
  72.      </body>
  73.  </html>
  1.  <?php
  2.  $num = $_POST['num'];
  3.  if($num%2==0){
  4.      echo "偶数";
  5.  }else{
  6.      echo "奇数";
  7.  }

使用post()方法以POST方式从服务器发送数据的更多相关文章

  1. Android - 向服务器发送数据(POST) - HTTPClient.

    该篇文章主要说明使用Apache提供的HTTPClient,通过post方式,向服务器发送数据.由于有些东西在 Android - 向服务器发送数据(GET)中提到过,就不再重复. 一,Android ...

  2. Android - 向服务器发送数据(GET).

    在此,使用HTTP协议,通过GET请求,向服务器发送请求,这种方式适合于数据量小,数据安全性要求不高的情况下. 一,服务器端,使用Servlet. 在服务器端,定义一个HttpServlet的子类,以 ...

  3. C语言Socket-单工通信(客户端向服务器发送数据)

    服务端(server) #include <stdio.h> #include <winsock2.h> #pragma comment(lib,"ws2_32.li ...

  4. Android使用HttpClient以Post、Get请求服务器发送数据的方式（普通和json）

    讲这个之前,我们先来说说get和post两种请求的区别吧!!! 1. GET提交的数据会放在URL之后,以?分割URL和传输数据,参数之间以&相连,如EditPosts.jsp?name=te ...

  5. php以post方式向接口发送数据

    工作需要,我负责收集服务器数据,然后定时向中心服务器发送.我看到了接口信息,需要设置heads头信息,需要发送数据,且是post方式. 这里就用到了curl //发送post请求 function r ...

  6. Android使用HttpUrlConnection请求服务器发送数据详解

    HttpUrlConnection是java内置的api,在java.net包下,那么,它请求网络同样也有get请求和post请求两种方式.最常用的Http请求无非是get和post,get请求可以获 ...

  7. node中一个基本的HTTP客户端向本地的HTTP服务器发送数据

    上一篇讲到了node可以轻松的向其他请求数据. 这一篇就来讲讲向本地服务器的数据交互. HTTP服务器代码,s.js var http=require("http"); var s ...

  8. Android之使用HTTP协议的Get/Post方式向服务器提交数据

    1.Get方式 方法:通过拼接url在url后添加相应的数据,如:http://172.22.35.112:8080/videonews/GetInfoServlet?title=霍比特人&t ...

  9. golang gin框架中实现"Transfer-Encoding: chunked"方式的分块发送数据到浏览器端

    参考了这篇帖子: https://golangtc.com/t/570b403eb09ecc66b90002d9 golang web如何发送小包的chunked数据 以下是代码: r.GET(&qu ...

随机推荐

  1. ASP.NET MVC 表单的几种提交方式

    下面是总结一下在ASP.NET MVC中表单的几种提交方式. 1.Ajax提交表单 需要引用 <script type="text/javascript" src=" ...

  2. smarty安装及例子

    环境: smarty3.1.16 1.在http://www.smarty.net/download下载最新smarty包,window选择zips,linux下选择tar.gz.以windows为例 ...

  3. 关于无限分类的树状输出(id,name,pid)类型的

    首先创建无限分类的数据表,我这里采用的是id.name.pid这种类型(当然还有很多种无限分类的方式了,比如:id.name.pid.path.left.right左右节点的形式) CREATE TA ...

  4. 通过百度地图API显示当前位置在地图上（图标显示）--第三方开源--百度地图（二）

    1.下载百度地图的demo,下载地址:http://lbsyun.baidu.com/sdk/download?selected=mapsdk_basicmap,mapsdk_searchfuncti ...

  5. Global::pickSpecificClass_DNT

    /*************************************************** Created Date: 13 Jul 2013 Created By: Jimmy Xie ...

  6. Spark菜鸟学习营Day2 分布式系统需求分析

    Spark菜鸟学习营Day2 分布式系统需求分析 本分析主要针对从原有代码向Spark的迁移.要注意的是Spark和传统开发有着截然不同的思考思路,所以我们需要首先对原有代码进行需求分析,形成改造思路 ...

  7. 11g RAC R2 之Linux DNS 配置

    在动手配置前,最好先了解下DNS的理论,以免犯不必要的错误.这都是被坑后的觉悟 -_-!!! Oracle 11g RAC 集群中引入了SCAN(SingleClientAccessName)的概念, ...

  8. Python支持中文注释

    三处设置,使Python的Eclipse开发环境(使用PyDev)支持中文 - (a)Eclipse的Window菜单Editors设置: Eclipse工具条 -> Window -> ...

  9. cookie、session的联系和区别，多台web服务器如何共享session？

    cookie在客户端保存状态,session在服务器端保存状态.但是由于在服务器端保存状态的时候,在客户端也需要一个标识,所以session也可能要借助cookie来实现保存标识位的作用.cookie ...

  10. oracle——表修改语句集合

     alter table table_name modify column_name default 0;