zoukankan      html  css  js  c++  java
  • ajax有两种提交数据的方式,分别为get和post(转)

    ajax有两种提交数据的方式,分别为get和post。post方法可传输大于2K的数据,在Ajax里的应用不同之处在于:"post方法的请求地址与传输的数据是放在两个对象里—-请求地址放在open对象里,传输的数据放在send对象里;并且在传输数据之前定义一个传输文件HTTP头信息(setRequestHeader)" 

    以下为引用的内容: 
    <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.php"; 
    //需要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>

  • 相关阅读:
    8 盒子模型
    7 display属性
    如何提高运维价值体系
    Python学习之OS模块初识
    7、MongoDB学习之游标
    Python 学习之文件对象的属性和方法简介
    Python集合set()操作详解
    Python中的字典介绍
    Python序列之元组
    Python序列之列表
  • 原文地址:https://www.cnblogs.com/lh123/p/3868717.html
Copyright © 2011-2022 走看看