AJAX的POST提交方法，本质上来看和GET差不多，有些细小的区别，POST要提交数据时，需要setRequestHeader()方法来提交HTTP头，然后send()方法中提交数据（格式为："?str=String&str2=String2"）；str和str2为变量名，String和String2为要发送的值。

　　其他与Get差不多。

　　下面是一个发送并接收username和password的Demon，先创建一个.html文件，名称随意，代码如下：

  <body>

  <script type="text/javascript" src="1.js"></script>

    用户名称：<input type="text" id="username" /><br />

   用户密码：<input type="password" id="password" /><br />

 <input type="button" onclick="fun();" value="提交"> <br/>

 <p id="txt"></p>

  </body>

　　接着来创建1.js的Javascript文件，要和.html在同一目录下，代码如下：

function fun(){

    if(window.XMLHttpRequest){

        xmlhttp = new XMLHttpRequest();

    }else if(window.ActiveXObject){

        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    }else{

        alert("对象无法被构建");

    }

    username = document.getElementById("username").value;

    password = document.getElementById("password").value;

    xmlhttp.onreadystatechange = handchange;

    xmlhttp.open("POST","Servlet1?username="+username+"&password="+password,true);

    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");  //设置的HTTP头

    xmlhttp.send("task=task&msg=msg");  //此处只是为了证明send()的使用方法，无意义

}

function handchange(){

    if(xmlhttp.readyState == 4){

        if(xmlhttp.status == 200){

            document.getElementById("txt").innerHTML = xmlhttp.responseText;

        }

    }else{

        document.getElementById("txt").innerHTML = "耐心等待...";

    }

}

　　下面创建一个Servlet注意在web.xml里面的映射名称要和xmlhttp.open("POST","Servlet1?username="+username+"&password="+password,true);此处的Servlet1一致。

　　Servlet1，doPost代码如下：

response.setContentType("text/html");

        response.setCharacterEncoding("UTF-8");

        PrintWriter out = response.getWriter();

        String username = new String(request.getParameter("username").getBytes("ISO-8859-1"),"UTF-8");

        String password = new String(request.getParameter("password").getBytes("ISO-8859-1"),"UTF-8");

        String task = new String(request.getParameter("task").getBytes("ISO-8859-1"),"UTF-8");

        String msg = new String(request.getParameter("msg").getBytes("ISO-8859-1"),"UTF-8");

        System.out.println(username+""+password);

        if(task.equals("task")){

            if(msg.equals("msg")){

                out.println(username+""+password);//send()若是成功传入了数据则，在.html也面中显示输入的值

            }

        }

　　截图如下：

输入数据，点击提交，截图如下：

AJAX提交方法（POST）Demon的更多相关文章

  1. php判断是否是ajax提交 方法

    /** * 判断是否是AJAX提交 * @return bool */ function is_ajax() { if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) ...

  2. AJAX提交方法（GET）Demon

    AJAX作为一种异步的Javascript程序执行方法,极大的弥补了HTTP协议的不足(HTTP协议为无状态协议),可以无需加载整个页面,只需加载所需数据即可,浏览器内置的XMLHttp对象有open ...

  3. Jquery ajax提交表单几种方法

    在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...

  4. Validator验证Ajax提交表单的方法

    Validator验证Ajax提交表单的方法 转自:http://hunanpengdake.iteye.com/blog/1671360 当我们在一些稍微复杂的业务时,可能会遇到需要多个表单form ...

  5. jquery的ajax提交时loading提示的处理方法

    方法1:使用ajaxStart方法定义一个全局的“加载中...”提示 $(function(){     $("#loading").ajaxStart(function(){   ...

  6. Jquery ajax提交表单几种方法详解

    [导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...

  7. 2016 系统设计第一期 （档案一）jQuery ajax serialize()方法form提交数据

    jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(fun ...

  8. jquery实现ajax提交form表单的方法总结

    本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一:  function AddHandlingFeeToRefund( ...

  9. jquery的ajax提交时“加载中”提示的处理方法

    方法1:使用ajaxStart方法定义一个全局的“加载中...”提示 $(function(){    $("#loading").ajaxStart(function(){    ...

随机推荐

  1. jQuery UI与jQuery easyUI的冲突解决办法

    jQuery UI与jQuery easyUI都是基于jQuery开发的.难免里面会有些方法名冲突! 因此对jQuery.easyui其中的两个方法名:resizable 和 draggable进行替 ...

  2. 【解决方案】cvc-complex-type.2.4.a: Invalid content was found starting with element 'init-param'. One of '{"http://java.sun.com/xml/ns/javaee":run-as, "http://java.sun.com/xml/ns/javaee":security-role-r

    [JAVA错误] cvc-complex-type.2.4.a: Invalid content was found starting with element 'init-param'. One o ...

  3. 【CSS进阶】伪元素的妙用2 - 多列均匀布局及title属性效果

    最近无论是工作还是自我学习提升都很忙,面对长篇大论的博文总是心有余而力不足,但又不断的接触学习到零碎的但是很有意义的知识点,很想分享给大家,所以本篇可能会很短. 本篇接我另一篇讲述 CSS 伪元素的文 ...

  4. Android开发之自定义的ListView(UITableViewController)

    Android开发中的ListView, 顾名方法思义,就是表视图.表示图在iOS开发中就是TableView.两者虽然名称不一样,但是其使用方法,使用场景以及该控件的功能都极为相似,都是用来展示大量 ...

  5. JVM学习（2）——技术文章里常说的堆，栈，堆栈到底是什么，从os的角度总结

    俗话说,自己写的代码,6个月后也是别人的代码……复习!复习!复习!涉及到的知识点总结如下: 堆栈是栈 JVM栈和本地方法栈划分 Java中的堆,栈和c/c++中的堆,栈 数据结构层面的堆,栈 os层面 ...

  6. java笔记--理解java类加载器以及ClassLoader类

    类加载器概述: java类的加载是由虚拟机来完成的,虚拟机把描述类的Class文件加载到内存,并对数据进行校验,解析和初始化,最终形成能被java虚拟机直接使用的java类型,这就是虚拟机的类加载机制 ...

  7. 用php实现一个简单的链式操作

    最近在读<php核心技术与最佳实践>这本书,书中第一章提到用__call()方法可以实现一个简单的字符串链式操作,比如,下面这个过滤字符串然后再求长度的操作,一般要这么写: strlen( ...

  8. JavaScript实现图片轮播组件

    效果: 自动循环播放图片,下方有按钮可以切换到对应图片. 添加一个动画来实现图片切换. 鼠标停在图片上时,轮播停止,出现左右两个箭头,点击可以切换图片. 鼠标移开图片区域时,从当前位置继续轮播. 提供 ...

  9. 使控件具有 Tilt 效果

    步骤1:添加类: /* Copyright (c) 2010 Microsoft Corporation. All rights reserved. Use of this sample source ...

  10. 你究竟有多了解Spring？

    曾经在一本书上看到这么一句话: 一个程序员的能力不在于增加代码的能力,而在于减少代码的能力. 基于以上我认之为真的命题,我经常问和我一起工作的程序员:你的程序还能不能精简一点?如果能,那能不能再精简一 ...