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

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

阿神
阿神

闭关修行中......

全部回复(2)
高洛峰

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

PHP中文网
请输入名字:<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无疑是比较不错的选择。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号