现在越来越喜欢用ajax传值了,这样能让网站的体验性很好,今天就总结了一下常用的

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了现在越来越喜欢用ajax传值了,这样能让网站的体验性很好,今天就总结了一下常用的相关的知识,希望对你有一定的参考价值。

这是不用循环的方法

就是传过来的是一位数组

//编辑党建分类
    function gk_bj(id){
        $.post("{:U(‘Luser/lei_edlt‘)}",{id:id},function(v){
            var html =‘‘;
            html += ‘<input type="text" name="title" value="‘+v.list[‘title‘]+‘" >‘;
            html += ‘<input type="text" name="hd_time" value="‘+v.list[‘hd_time‘]+‘" >‘;
            html += ‘<input type="hidden" name="id" value="‘+v.list[‘id‘]+‘" >‘;
            $(‘.gk_bian_2_1‘).html(html);
            $(‘.gk_bian‘).show();
        })
    };

 

 

这是需要循环的方法  用for循环的

就是传个来的多个二维数组

<script>
    $(‘.queding‘).click(function(){
        var id = $(‘#tempVal‘).val();
        var $val = $(‘#tempVal‘).val();
        if($val == ‘‘){
            layer.msg(‘您没有选择给指定领导,请选择,也可多选‘, 1, 0);
        }
        $.get("{:U(‘Index/xuanren‘)}",{id:id},function(v){
            $(‘.xuandao‘).hide();
            var html = ‘‘;
            var data = v.list;
            html += ‘<div class="xiexin_2_1">已选择领导:‘;
            for(var i=0;i<data.length;i++){
                html+= ‘<b>‘+data[i][‘name‘]+‘</b><input type="hidden" name="ren[]" value="‘+data[i][‘id‘]+‘">‘;
            }
            html += ‘</div>‘;
            $(‘.xuanzedao‘).html(html);
        })
    })
</script>



<script>
/*ajax不刷新页面搜索数据*/
$("#keyword").keyup(function(){
    var n = $(this).val();
    if(n!=""){
        $.ajax({
            url:"{:U(‘Ren/keyword‘)}",
            type: "POST",
            data: {title:n},
            dataType: "JSON",
            success: function(v){
                var str = "";
                var aaa = v.list;    
                //console.log(aaa,typeof(aaa));
                if(aaa!=null){
                    for(var i=0;i<aaa.length;i++){
                        str += ‘<a href="/index.php?s=/Home/Ren/people/abc_id/‘ + aaa[i][‘id‘] + ‘"><p>‘ +aaa[i][‘title‘]+ ‘</p></a>‘;
                    }
                }else{
                    str = ‘<span><p>您搜索的数据不存在!</p></span>‘;
                }
//                console.log(str);
                    $(".zuo_ss").html(str);
                }
            });
        }
    });
</script>

 

 

这是需要循环的方法  用each循环的

就是传个来的多个二维数组

<script type="text/javascript">
        $(‘.get_shi‘).change(function(){
            var shengid=$(this).val();

            $.post("{:U(‘getshi‘)}",{shengid:shengid},function(v){
                var html = ‘‘;

                $.each(v, function(index){
                    html += ‘<option value ="‘+v[index].id+‘" >‘+v[index].name+‘</option>‘
                });
                $(‘.get_quxian‘).html(html);
            });
            return false;
        });
</script>

 





以上是关于现在越来越喜欢用ajax传值了,这样能让网站的体验性很好,今天就总结了一下常用的的主要内容,如果未能解决你的问题,请参考以下文章

json传值以及ajax接收

jsp不用表单怎么向servlet传值?

一个单页应用解决方案

学会使用 CSS 自定义滚动条,能让你做的产品更有用户体验!

有人用国内的代码托管服务吗?哪个体验比较好

jsp页面传值给另一个jsp页面,怎么接收