javascript - ajax局部刷新(前端新手,ajax也是这两天刚接触,还不太懂,求指教)
阿神
阿神 2017-04-11 11:34:54
0
2
383

页面上左侧的为li做成的导航,可添加、可删除、可修改名称,但是我一旦修改或删除或添加了之后,左边的是会更新到最新的状态,但是点击右侧“移动”之后的弹窗里可选的下拉列表(下拉列表内容为左侧导航)的内容不会更新到最新的添加或删除或修改,只是看了ajax知识,也知道这个问题要修改的流程,但是还是不明白要怎么写,怎么入手?

阿神
阿神

闭关修行中......

reply all(2)
小葫芦

其实我个人觉得是否需要AJAX看你页面上的操作是否需要去改动后台的数据或者去时时的查询后台的数据。如果和后台数据无交互,js做前端的交互就可以了

洪涛
请输入名字:<input type="text" id="name"><a href="javascript:void(0)" id="true">确定</a>
<select name="" id="selected">
    <option value="">王二小</option>
    <option value="">网三小</option>
    <option value="">网大小</option>
</select>

<script>
    //输入完成后 点击确认事件
    $("#true").click(function() {
        //这里获取文本框的内容
        var name = $("#name").val();
        //这里是把文本框的输入的内容组成html代码 插入到select标签里面
        $("#selected").append("<option value=''>"+name+"</option>");
    });
</script>    

这里我用了jquery。
ajax是向服务端请求数据之后动态刷新页面没错。像这种场景,并不需要与服务端交互,所以就没必要使用。当然,如果你在页面上操作,从数据库里添加或者删除数据,ajax无疑是比较不错的选择。

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!