首页 / AJAX / web基础知识（一）关于ajax传值最基础东西

web基础知识（一）关于ajax传值最基础东西

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了web基础知识（一）关于ajax传值最基础东西，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2349字，纯文字阅读大概需要4分钟。

内容图文

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了

 

 

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

内容总结

以上是互联网集市为您收集整理的web基础知识（一）关于ajax传值最基础东西全部内容，希望文章能够帮你解决web基础知识（一）关于ajax传值最基础东西所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1259550.html

来源：【匿名】