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>

  • 相关阅读:
    Jmeter中的几个重要测试指标释义
    Hibernate无主键配置文件编写
    Hibernate各种主键生成策略与配置详解
    安装禅道的基本步骤
    使用Jmeter进行http接口测试
    myeclipse如何修改Web项目名称
    oracle中根据时间获取最新的一条数据
    JQuery之滑动幻灯片插件Easy Slider初体验
    比较实用的JavaScript库
    UBUNTU下SUBLIME TEXT3的安装+破解+汉化+中文输入
  • 原文地址:https://www.cnblogs.com/lh123/p/3868717.html
Copyright © 2011-2022 走看看