码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-06-20 19:22:14      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   http   ext   

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

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

标签:style   class   blog   code   http   ext   

原文地址:http://www.cnblogs.com/2589-spark/p/3793282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!