`

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+pako.js实现gzip数据压缩上传,解决post数据过长问题

    在现代Web应用中,我们经常需要通过Ajax向服务器发送大量数据,例如用户填写的表单信息、图片数据等。然而,当数据量过大时,POST请求可能会遇到HTTP限制,导致请求失败或者性能下降。为了解决这个问题,可以采用...

    Ajax中使用JSON传输数据

    在Ajax中使用JSON作为数据传输格式,可以实现高效、简洁的数据交换。 **JSON的优势:** 1. **易于理解**:JSON格式基于JavaScript语法,因此对于JavaScript开发者来说,理解和解析JSON非常直观。 2. **小巧高效**:...

    ajax POST 与GET提交的区别

    在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到URL后面,并通过URL传输数据。这种方式适合于那些不会更改服务器状态的操作,例如...

    lotus domino AJAX post数据

    以上就是关于"lotus domino AJAX post数据"这个主题的关键知识点,涵盖了前端与后端的交互、数据传输以及Lotus Domino环境下的处理逻辑。通过这些技术,开发者可以构建出更加动态和响应式的Web应用程序。

    Ajax实现Json数据传送

    **Ajax实现Json数据传送** Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。结合JSON(JavaScript Object Notation)这种轻量级的数据交换格式,可以...

    php-curl+ajax+json数据传输2.0版本

    首先,`PHP-cURL` 是一个在PHP中使用的库,它允许开发者通过URL来传输数据,支持多种协议,如HTTP、HTTPS、FTP等。`cURL` 提供了一种在服务器端模拟浏览器行为的方法,可以发送HTTP请求并接收响应。在本案例中,`...

    ajax与php利用json传输数据,实现局部刷新

    标题"ajax与php利用json传输数据,实现局部刷新"涉及的主要知识点包括: 1. **Ajax工作原理**:Ajax通过JavaScript创建XMLHttpRequest对象,打开一个与服务器的连接,发送请求,监听状态变化,当服务器响应时,处理...

    ajax post 数据过长导致后台属性驱动接受不到值的处理

    在IT行业中,我们经常遇到各种数据传输的问题,特别是在使用Ajax进行异步通信时。这篇博客“ajax post 数据过长导致后台属性驱动接受不到值的处理”着重探讨了当POST提交的数据量过大时,如何有效处理以确保后台能够...

    Ajax的post方法的使用

    1. **传输数据的位置**:GET方法通过URL传递参数,而POST方法将数据放在请求体中发送。 2. **安全性**:由于GET请求的数据暴露在URL中,因此不如POST安全。 3. **数据限制**:GET请求的数据长度受限于URL长度,而...

    Jquery Ajax 前后台数据传输

    **jQuery AJAX 前后台数据传输详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库为开发者提供了简单易用的...

    html通过 ajax jsonp跨域请求接收和传送数据

    这时,HTML通过AJAX和JSONP技术可以实现跨域请求来接收和传送数据。下面将详细讲解这两个概念及其工作原理。 **HTML和AJAX** HTML(HyperText Markup Language)是网页的基础,用于构建网页结构。AJAX...

    ajax经典怎样传输数据

    本篇文章将详细解析一个典型的AJAX数据传输示例代码,帮助读者更好地理解和掌握如何利用jQuery库中的`$.ajax`方法进行数据的异步请求与处理。 #### 二、关键知识点详解 ##### 2.1 `$.ajax`方法配置参数 1. **...

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

    2. **局部更新**:Ajax只更新页面中需要改变的部分,而不是整个页面,减少了数据传输量,提高了性能。 3. **无刷新**:用户界面与服务器交互时,页面保持原有状态,提供了平滑的用户体验。 4. **增强了用户体验**:...

    ajax说明 事件 绑定 数据

    Ajax的数据交互主要通过浏览器提供的XMLHttpRequest对象(在IE中表现为Microsoft.XMLHTTP或MSXML2.XMLHTTP ActiveX对象)来实现。在上述示例中,`xmlhttp.open()`方法用于发起HTTP请求,`xmlhttp.send()`方法用于...

    JQuery中使用ajax传输超大数据的解决方法

    然而,当你试图通过Ajax传输大数据时,可能会遇到一些限制,尤其是在使用POST方法时。 问题在于,PHP和某些Web服务器对于单个请求能接收的变量数量和大小是有上限的。例如,`max_input_vars`配置限制了PHP可处理的...

    AJAX中实现交换数据

    ### AJAX中实现交换数据 在当今的Web开发领域,AJAX(Asynchronous JavaScript and XML)是一种重要的技术,它允许网页在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这种技术大大提升了用户...

    POST方式发送ajax请求

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。本篇将重点讲解如何使用POST方式发送AJAX请求,并对...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    在Web开发中,经常使用JSON格式传输数据。 本文介绍了如何在jQuery中通过AJAX请求从后台获取JSON格式的数据,并将这些数据动态地渲染到HTML中去。具体的知识点可以分为以下几个方面: 1. jQuery的AJAX方法:在文章...

    通过Ajax进行Post提交Json数据的方法

    在Web开发中,异步传输(Ajax)是一种常见的技术,用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。本篇文章将详细讲解如何使用Ajax进行POST提交JSON数据,以及相关的注意事项。 首先,让我们...

    jQuery+get/post+Ajax+Json

    标题"jQuery+get/post+Ajax+Json"揭示了这一技术组合如何在现代Web应用程序中实现高效的数据通信。 首先,jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互...

Global site tag (gtag.js) - Google Analytics