ajax从后台拿取数据在前端回显

最新推荐文章于 2024-08-06 17:42:23 发布

原创

最新推荐文章于 2024-08-06 17:42:23 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

这篇博客详细讲解了如何使用Ajax技术从Servlet后台获取数据，并在前端页面进行回显展示。涉及到的关键技术包括Ajax请求处理、DAO数据操作以及前后端数据交互。

 //返回列表
 $("#backid").click(function () {
     window.location="${path}physical?func=findAllPhysical";
 });

 //将体检项目中的套餐加载到预约页面共用户选择
     $.ajax({
         url:"${path}physical?func=queryAllTest",
         type:"post",
         dataType:"json",
         success:function (obj) {
             //遍历分类的集合
             $(obj).each(function (index,item) {
                 //将项目显示到下拉框中
                 $("#project").append("<option value='"+item.id+"'>"+item.name+"</option>");
             })
         }
     });

 //根据项目名称获取收费标准
$("#project").change(function () {
     var project=$(this).val();
     //请求后台数据
     $.ajax({
         url: "${path}physical?func=findProjectByName",
         type: "post",
         data:{"project":project},
         dataType: "json",
         success:function (obj) {
             console.log(obj);
             //回显收费标准和收费明细
             $("#price").val(obj.price);
             $("#description").html(obj.description);

         }
     })
 })