`

AJAX中的利用POST传送数据

阅读更多
这里我只写关键语句,其它的就和GET方法一样的,如果不请楚,请看我前面的文章:Ajax的JSP示例以及相关知识介绍,适合于入门者
function doMyPost()
{

    //这里一定要加两次编码,具体原因请看:AJAX中利用POST方法向服务提交数据时乱码的解决方案 
    var title=encodeURI(encodeURI(document.getElementById("title").value));
    var content=encodeURI(encodeURI(document.getElementById("content").value));
    var url="writeBlg.jsp";
    var postDate='title='+title+"&content="+content;
    httpRequest=createRequest();   
    httpRequest.open("POST",url,true);
    httpRequest.onreadystatechange=disContent;

    //设置发送头部
    httpRequest.setRequestHeader("content-length",postDate.length);   
    httpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    httpRequest.send(postDate);
}
function disContent()
{
        if(httpRequest.readystate==4)
 {
  if(httpRequest.status==200)
  {
                        var response=httpRequest.responseText;
                        //这里只能够用indexOf方法,因为返还有一大堆HTML代码
                        //我被这个问题折磨了好几十分钟
                        if(response.indexOf("operateOK")>0)
                        {
                            document.getElementById("addButton").disabled=false;
                        }
                        var title=document.getElementById("title").value;
                        var content=document.getElementById("content").value;                       
   document.getElementById("totalContent").innerHTML+="<br>"+"title:"+title+"<br>"+"content:"+content;         
                        document.getElementById("title").value="";
                        document.getElementById("content").value="";
  }
  else
  {
   alert('Something Wrong has Happend!');
  }
 }
} 
分享到:
评论

相关推荐

    Ajax技术及其在STRUTS应用中的实现

    本文介绍了Ajax技术的原理及特点,并对采用STRUTS框架的Web应用中如何使用Ajax技术,通过异步数据交互的方式实现文本框输入渐进提示功能的方法进行了说明

    Ajax课件学习(免费)

    2、因为只提交数据,所以每天提交请求的数据库不是很大,这样可以减轻网络传输数据的压力。 3、由于不用刷新整个页面,所以即便提交以后,展现在客户面前的页面还是不会消失的,这样对于客户的交互性特别好。 2.2...

    如何利用jQuery post传递含特殊字符的数据

    在jQuery中,我们通常利用$.ajax或$.post进行数据传递处理,但这里通常不能传递特殊字符,如:“&lt;”。本文就介绍如何传递这种含特殊字符的数据。  1、准备页面和控制端代码  页面代码如下: [removed] $...

    PHP培训教程之AJAX技术.docx

    9、在Ajax应用中信息如何在浏览器和器之间传递的 通过XML数据或者字符串 10、在浏览器端如何得到器端响应的XML数据。 XMLHttpRequest对象的responseXMl属性 12、XMLHttpRequest对象在IE和Firefox中创建的不同 有,...

    AJAX 源码范例

    08/8.2.9.html 使用abort方法取消一个请求范例 08/8.3.2.html 使用post方法向服务器提交数据范例 08/8.3.3.html 实现服务器相关的二级联动菜单范例 08/a.html 用于ajax获取文件的示例 08/...

    jquery+ajax无刷新评论源码

    做AJAX应用,jquery提供的$.get()、$.post()函数都可以用于提交数据,但建议使用$.ajax()来提交,那两个函数都不 提供错误返回信息,不利全面掌控。 提交数据是action代表要执行的操作,id传递文章id,page是请求的...

    Django 使用Ajax进行前后台交互的示例讲解

    为了方便前后台交互,利用了Ajax的GET和POST方法分别进行数据的获取和提交。 代码如下: &lt;!--利用获取的数据进行表单内容的填充--&gt; [removed] $(#soft_id).change(function(){ var softtype=$(#soft_id).find...

    HTML数据提交post_动力节点Java学院整理

    其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据的几种方式。 我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分:状态行、请求头、消息...

    使用post方法实现json往返传输数据的方法

    我们使用的是post请求的方法,有些不同于get的方法! 客户端html代码: &lt;html&gt; &lt;head&gt; &lt;title&gt;Hello Ajax version 5a&lt;/title&gt; &lt;style type='text/css'&gt; * { font-family: Tahoma, ...

    jsonapi:一个标准的 JSON API规范,应用于 Web 前后端 Ajax 数据交互规范

    JSON API 规范本文定义了一个标准的 JSON API规范,即一个应用于 Web 前后端 Ajax 数据交互规范,用以定义客户端如何获取与修改资源,以及服务器如何响应对应请求。JSON API 设计用来最小化请求的数量,以及客户端与...

    「JavaScript」JS四种跨域方式详解

    浏览器都有一个同源策略,其限制之一就是第一种方法中我们说的不能通过ajax的方法去请求不同源中的文档。 它的第二个限制是浏览器中不同域的框架之间是不能进行js的交互操作的。 三、使用window.name来进行跨域 ...

    XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)

    由于 Ajax 不论任何编码都能正常传送英文,所以用这种方法可以轻松解决。 ——————————————————————————– 用XMLHTTP Post Form时的表单乱码有两方面的原因——Post表单数据时中文乱码;...

    ASP EXCEL导入SQL

    AJAX技术充分利用了HTTP来获取网络资源并且实现了HTTP没有的对于异步数据进行传输的功能。AJAX技术还使得软件更好地实现分布性功能,在一个企业内只要一个人下载了AJAX引擎,其它企业内部的人员,就可以共享该资源了...

    利用js实现前后台传送Json的示例代码

    实现传值常用的是Jquery以及内部封装的ajax。首先看一下jquery的get()和post()语法。get()方法是从服务器获得数据,其主要参数就是获得后台请求地址,以及负责处理的回调函数: $.get(URL,callback); $...

    SimpleWebApplication:测试项目(html,javacript,jquery,AJAX发布请求,JSON文档,RESTcontroller,spring,CORS过滤器)

    这应该是一个POST请求和正文,其中包含JSON文档(任何格式)以传输来自Input字段的所有文本。 响应应以以下格式在“输出”字段中显示:单词,以及文本中条目的数量。 例如: 你好-5世界-3地球-2 特色:3 服务器模块...

    js实现跨域的4种实用方法原理分析

    js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。 要解决...

    kbmmw例子 V2.0 (unidac+mssql)[2012-08-15]

    3、JSON传输(利用kbmmw带的json库实现) 4、客户端断开代码: if FDM.kbmMWSimpleClient1.Transport.IsConnected then begin //memo1.Lines.Add('程序已有300秒没有进行操作,断开连接'); FDM.kbmMWSimpleClient...

    浅谈js中几种实用的跨域方法原理详解

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。 ...

    亮剑.NET深入体验与实战精要2

    8.2.2 创建ASP.NET Ajax应用程序 333 8.2.3 ScriptManager控件使用技巧 335 8.2.4 UpdaetPanel控件使用技巧 336 8.2.5 AsyncPostBackTrigger实现 外部控件引发局部刷新 338 8.2.6 Ajax错误处理 341 8.2.7 告诉用户...

    亮剑.NET深入体验与实战精要3

    8.2.2 创建ASP.NET Ajax应用程序 333 8.2.3 ScriptManager控件使用技巧 335 8.2.4 UpdaetPanel控件使用技巧 336 8.2.5 AsyncPostBackTrigger实现 外部控件引发局部刷新 338 8.2.6 Ajax错误处理 341 8.2.7 告诉用户...

Global site tag (gtag.js) - Google Analytics