`

Ajax post 提交数据

    博客分类:
  • AJAX
 
阅读更多

<SCRIPT LANGUAGE=”javascript”>
<!–       
function saveUserInfo()
{
    //获取接受返回信息层
    var msg = document.getElementById(”msg”);

    //获取表单对象和用户信息值
    var f = document.user_info;     
    var userName = f.user_name.value;
    var userAge = f.user_age.value;
    var userSex = f.user_sex.value;

    //接收表单的URL地址
    var url = “commit.ASPX”;     
    //需要POST的值,把每个变量都通过&来联接 
    var postStr = “name=”+ userName +”&age=”+ userAge +”&sex=”+ userSex;

    //实例化Ajax
    var ajax = null;
    if(window.XMLHttpRequest){
        ajax = new XMLHttpRequest();
       }
    else if(window.ActiveXObject){
        ajax = new ActiveXObject(”Microsoft.XMLHTTP”);
       }
    else{
        return;
       }

    //通过Post方式打开连接
    ajax.open(”POST”, url, true); 
    //定义传输的文件HTTP头信息 
    ajax.setRequestHeader(”Content-Type”,”application/x-www-form-urlencoded”); 
    //发送POST数据
    ajax.send(postStr);

    //返回数据的处理函数
    ajax.onreadystatechange = function(){
        if (ajax.readyState == 4 && ajax.status == 200){
               msg.innerHTML = ajax.responseText;
            }
      }
}

–>
</SCRIPT>

<form name=”user_info”>
     姓名:<input type=”text” name=”user_name” /><br/>
     年龄:<input type=”text” name=”user_age” /><br/>
     性别:<input type=”text” name=”user_sex” /><br/>
<input type=”button” value=”提交表单” onClick=”saveUserInfo()”>
</form>

//构建一个接受返回信息的层:
<div id=”msg”></div>
 
分享到:
评论

相关推荐

    jquery ajax post提交数据乱码

    "jquery ajax post提交数据乱码"这个问题主要是由于不同浏览器对数据编码方式的处理不一致造成的。当我们在Firefox下测试时,一切正常,但在Chrome或IE内核的浏览器上,用户可能会遇到乱码问题。这通常与页面的字符...

    ajax POST 与GET提交的区别

    **POST**请求则用于向服务器提交数据,以便创建/更新资源。这种请求方式通过HTTP消息体发送数据,不暴露在URL中,因此适合于那些需要更改服务器状态的操作,如登录、提交表单等。 #### 二、GET与POST的主要区别 接...

    Django解决Ajax中post提交数据403的代码

    Django内置了CSRF保护,目的是防止恶意第三方在用户浏览器中通过Ajax或表单提交伪造请求。每个表单和Ajax请求都需要一个CSRF令牌,这个令牌是由Django自动生成并存储在用户的session或者cookie中的。服务器会验证每...

    ajax+pako.js实现gzip数据压缩上传,解决post数据过长问题

    在现代Web应用中,我们经常需要通过Ajax...通过以上步骤,我们可以实现使用ajax和pako.js的gzip数据压缩上传,有效解决POST数据过长的问题。这种技术尤其适用于需要发送大量数据的场景,如文件上传、实时同步大数据等。

    ajax快速解决参数过长无法提交成功的问题

    在ajax中使用post方法,用常规的参数格式:param1=a1&param2=a2 ,当参数长度过长时,依然提交不成功。比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application...

    Ajax将数据发送到后台进行局部刷新操作

    GET请求用于获取数据,而POST请求则常用于提交数据,如用户输入。 4. **数据格式**:尽管名字中有XML,但现在更常见的是使用JSON(JavaScript Object Notation),因为JSON更轻量级,解析更快,且与JavaScript语法...

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

    这篇博客“ajax post 数据过长导致后台属性驱动接受不到值的处理”着重探讨了当POST提交的数据量过大时,如何有效处理以确保后台能够正确接收和处理这些数据。问题的核心在于HTTP协议对请求体大小的限制以及服务器端...

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    本主题将深入探讨如何利用这些技术实现POST和GET方式的表单提交以及如何处理服务器返回的数据。 首先,让我们了解这三种技术的基本概念: 1. PHP(Hypertext Preprocessor)是一种服务器端脚本语言,主要用于处理...

    ajax方式提交表单,全局提交

    "ajax方式提交表单,全局提交"这个主题涉及到的是如何利用AJAX来实现表单数据的异步提交,从而避免页面刷新,提高用户交互性。 AJAX表单提交的核心在于使用JavaScript库,比如jQuery,来处理表单的提交事件。在提供...

    ajax提交表单到后台

    本主题将深入探讨如何使用jQuery库的AJAX功能将表单数据提交到后台,以及后台如何使用Spring框架来处理这些数据。下面将详细阐述这一过程。 ### 一、前端:使用jQuery的AJAX提交表单 1. **引入jQuery库**:首先...

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

    本篇文章将详细讲解如何使用Ajax进行POST提交JSON数据,以及相关的注意事项。 首先,让我们分析给定的JavaScript代码片段: ```javascript $.ajax({ type : "POST", url : js_path + "/maintainAdd/add", data ...

    Ajax+JSON 提交数据的演示

    在现代Web开发中,Ajax(Asynchronous JavaScript and XML)...无论是在表单提交、数据检索还是页面更新等方面,Ajax和JSON都扮演着关键角色。通过理解和熟练运用这些技术,开发者可以创建出更加高效、流畅的Web应用。

    lotus domino AJAX post数据

    - HTTP的POST方法用于向服务器提交数据,常用于创建新资源或更新已有资源。在AJAX场景中,POST方法常用于向服务器发送表单数据或自定义数据。 以上就是关于"lotus domino AJAX post数据"这个主题的关键知识点,...

    PHP POST提交方式

    在Web开发中,PHP是一种广泛使用的服务器端脚本语言,尤其在处理表单数据时,POST提交方式是非常常见且重要的。本文将深入探讨PHP中的POST提交方式,包括其工作原理、如何实现以及相关注意事项。 1. **POST提交的...

    AJAX提交表单数据实例分析

    GET请求通常用于从服务器检索数据,而POST请求则通常用于向服务器提交数据。本文主要关注的是POST请求的实现。 AJAX调用的实现通常包括以下几个步骤: 1. 创建XMLHttpRequest对象。现代浏览器使用`XMLHttpRequest`...

    ajax异步提交表单

    ### AJAX异步提交表单知识点解析 #### 一、AJAX技术概述 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以...

    Ajax提交数据更新服务器内容

    在这个主题中,我们将深入探讨如何使用Ajax提交数据来更新服务器上的内容。 一、Ajax的工作原理 Ajax的基本流程包括以下几个步骤: 1. 创建XMLHttpRequest对象:这是Ajax的基础,大多数现代浏览器都内置了这个对象...

    ajax提交表单小例子

    在“ajax提交表单”这个场景中,我们需要关注的是POST请求,因为表单提交通常涉及到向服务器发送数据。以下是使用JavaScript实现的一个简单例子: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;AJAX提交表单示例 请...

    Ajax使用POST提交中文乱码问题.docx

    在使用Ajax进行POST提交时,中文字符可能会遇到乱码问题,这是因为数据在传输过程中编码与解码不匹配导致的。Ajax以UTF-8编码发送数据,但服务器端可能使用了不同的字符集(如GB2312)来解析,这就产生了乱码。本文...

Global site tag (gtag.js) - Google Analytics