web基础知识(一)关于ajax传值最基础东西

HTTP方法之 GET对比POST

  GET:从指定的资源请求数据,  POST:向指定的资源提交要被处理的数据

  GET方法: 

  请注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:

/test/demo_form.asp?name1=value1&name2=value2

  有关 GET 请求的其他一些注释:

    • GET 请求可被缓存
    • GET 请求保留在浏览器历史记录中
    • GET 请求可被收藏为书签
    • GET 请求不应在处理敏感数据时使用
    • GET 请求有长度限制
    • GET 请求只应当用于取回数据

  POST方法:

    相对应的,

    1不会被缓存,2不会保留在浏览记录中,3不能收藏书签,4数据长度无限制。

  例子:

  

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

  可以发现POST是参数和请求一起发送到参数是(URL)请求是数据name和city

  这个ASP代码如下

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

   关于使用ajax向后台传值问题:jsp页面代码

    用户名:<input type="text"  name="user" id="user"   />
    邮箱:<input type="text" id="email" name="email"  />
    <div id="showuser"></div>
   <input type="button" value="获取值" id="btnGet" onclick="getValue()" />

  在js中,代码如下

function getValue(){
    $.ajax({
        type:"post",
        url:"loadUser.action",
        data:{
            user:$(‘#user‘).val(),
            email:$(‘#email‘).val()
        },
        success: function(response, status, xhr){
            console.log(response);
            $(‘#showuser‘).html(response[0].content);

        }
    });

};

  注意使用  user:$(‘#user‘).val(), 获得到值其中‘#user‘,起作用的是id="user"而不是name="user"(试试即可知道)。如果后台Action的话可以直接在后台用相同的名称,使用getset方法即可得到值。

    console.log(response),是让返回的值在浏览器的console中输出。

关于radio button和select集合如何在ajax js中获取相应的值

<input id="userSex" name="userSex" type="radio" value="男" checked="checked" />&nbsp;&nbsp;男
<input id="userSex" name="userSex" type="radio" value="女" />&nbsp;&nbsp;女
<input id="userSex" name="userSex" type="radio" value="保密" />&nbsp;&nbsp;保密

<s:select list="listNums "  listValue="numName " listKey="numId"  name="numId" id="numId"
    headerKey="ol" headerValue="请选择" value="bean.numId"></s:select> 

下面js中是取值方法,都已经经过自己使用,(关于radio我觉得还挺复杂的,不知有人提供更简单的不)

var sex=document.getElementsByName("userSex");//不能getElementById,ById又只会读数组第一个值
var sexvalue;
 for(var i = 0; i < sex.length; i++)
{
     if(sex[i].checked)
     sexvalue = sex[i].value;
 }
//sexvalue就是所需要的值

var numId = document.getElementById(‘numId‘).value;//select选择框更加简单 这一句就OK了

  

web基础知识(一)关于ajax传值最基础东西,布布扣,bubuko.com

时间: 06-18

web基础知识(一)关于ajax传值最基础东西的相关文章

11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回值,页面都是ajax处理的. ajax的写法: test.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

Java基础知识_毕向东_Java基础视频教程笔记(22-25 GUI 网络编程 正则)

22天-01-GUIGUI:Graphical User Interface 图形用户接口 Java为GUI提供的对象都存在java.Awt和javax.Swing两个包中CLI:Common line User Interface 命令行用户接口 Awt:Abstract Window ToolKit(抽象工具包),需要调用本地系统方法实现功能,属于重量级控件.Swing:在Awt的基础上,建立的一套图形界面系统,其中提供了更多的组件,而且完全由Java实现,增强了移植性,属于轻量级控件. 继

《大话设计模式》笔记-基础知识1:UML类图基础知识

好多计算机技术书籍或者文章中常用到UML类图,本书作者介绍每一种设计模式就是用类图+面向对象语言小程序(用的C#,其基础知识另文介绍)+人物对话解释知识点.本文就是介绍<大话设计模式>中所用到UML类图的基础知识. 上图是一个整体的图,特别要注意各种样式的箭头,下文分别用局部小图说明各知识点. 类 类图分三层: (1)      类名称,如果是抽象类就用斜体标识.本例,类名称是"动物",且其是一个抽象类. (2)      类特性,通常是字段和属性.本例,类特性是"

unity基础知识笔记一(快捷方式、基础概念)

快捷方式: 飞行模式,可以用alt+wasd ,切换,实现用户以第一视角在场景漫游 alt+鼠标左键:围着关注点旋绕 :切换天空盒.雾效,光晕的显示与隐藏. ctrl+6:可以弹出animation视图 基础概念: Mesh Filter:网格过滤器用于从对象中获取网格信息(Mesh)并将其传递到用于将其渲染至屏幕的网格渲染器当中 Mesh Collider:Mesh碰撞体,为了防止物体被穿透,需要给对象添加碰撞体 Mesh Renderer:网格渲染器从网格过滤器获得几何形状,并且根据Tran

Java基础知识二次学习-- 第二章 基础语法与递归补充

第二章 基础语法与递归补充   时间:2017年4月24日10:39:18 章节:02章_01节,02章_02节 视频长度:49:21 + 15:45 内容:标识符,关键字与数据类型 心得:由字母,下划线,$,数字组成,应该由字母,下划线$开头,同时应该避开java保留字符 变量是内存中的一小块区域,使用变量名来访问这块区域 执行过程中的内存管理(疑问:这里的内存和Jvm的一样吗?) code segment 存放代码 data segment 静态变量 字符串常量 stack 栈 局部变量 h

[SQL] SQL 基础知识梳理(二) - 查询基础

SELECT 语句基础 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5904824.html 序 目录 一.SELECT 语句基础 1.查询指定列:SELECT 关键字 --语法: --SELECT <列名>, ... -- 希望查询列的名称 --FROM <表名> -- 指定选取数据的表 -- 从 Shohin 中取 3 列 SELECT shohin_id, shohin_mei, hanbai_tanka -- 列的顺序可以任

Java基础知识_毕向东_Java基础视频教程笔记(5-10)

06天-05-面向对象(帮助文档的制作javadoc):java文档生成命令:javadoc -d filepatn demo.java   -author -version(可选)一个类中默认会有一个空参数的构造函数,这个默认的构造函数的权限和所属类一致默认构造函数的权限是随着的类的变化而变化的. 06天-06-面向对象(静态代码块):静态代码块的特点:随着类的加载而加载,只执行一次,用于给类的初始化.非静态代码块的特点:随着类的实例建立而分配内存空间初始化.构造代码块的特点:随着类的实例而初

Java基础知识_毕向东_Java基础视频教程笔记(13)

13天-01-String String类适用于描述字符串事物. 常见的操作:1.获取: 1.1字符串中包含的字符数,也就是字符串的长度. int length():获取长度 1.2根据索引值获取位置上某个字符. char charAt(int index); 1.3根据字符获取该字符在字符串中的位置 int indexOf(int ch);返回的是ch在字符串中第一次出现的位置. int indexOf(int ch,int fromIndex);从fromIndex指定位置开始,获取ch在字

Python基础知识细节点总结,零基础一分钟就能掌握

既然要开始学习Python,那么就首先就得不官网下载个Python,小编使用的是3.6的 安装教程百度经验里面还是很详细的. 那么正题开始吧! 两种格式化输出的方式 第一种是用%操作格式化输出字符串 代码如下: 运行上面的代码输出的结果: 第二种使用format()方法去格式化输出字符串 代码直接一行语句搞定 你运行后发现结果还是一样的! Python中类型的转换 很多初学者在刚开始学习Python的对于数据类型有点弄不清楚,比如: a = 666 这是一个定义a为666,默认是整型 B = '